29:null 2a:["$","title",null,{"children":"Green Event Data | Alain Ottenheimer | Observable"}] 2f:T19a4,radialTree = { const radius = 900; const svg = d3 .select(DOM.svg(width, width)) .style("width", "100%") .style("height", "auto") .style("padding", "10px") .style("box-sizing", "border-box") //.style("font", "16px sans-serif") .style("font", "16px Verdana"); let tree = (data) => d3 .tree() .size([2 * Math.PI, radius]) .separation((a, b) => (a.parent == b.parent ? 1 : 3) / a.depth / 2)( d3.hierarchy(data) ); const g = svg.append("g"); const linkgroup = g .append("g") .attr("fill", "none") //.attr("stroke", "#662506") .attr("stroke", "#29948E") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.5); const nodegroup = g .append("g") .attr("stroke-linejoin", "round") .attr("stroke-width", 3); function newdata(animate = true) { let root = tree(inventaire_pf_group_json); let links_data = root.links(); let links = linkgroup .selectAll("path") .data(links_data, (d) => d.source.data.name + "_" + d.target.data.name); links.exit().remove(); let newlinks = links .enter() .append("path") .attr( "d", d3.linkRadial().angle((d) => d.x) //.radius(50) ); let t = d3 .transition() .duration(animate ? 400 : 0) .ease(d3.easeLinear) .on("end", function () { const box = g.node().getBBox(); svg .transition() .duration(1000) .attr("viewBox", `${box.x} ${box.y} ${box.width} ${box.height}`); }); let alllinks = linkgroup.selectAll("path"); alllinks.transition(t).attr( "d", d3 .linkRadial() .angle((d) => d.x) .radius((d) => d.y) ); let nodes_data = root.descendants().reverse(); let nodes = nodegroup.selectAll("g").data(nodes_data, function (d) { if (d.parent) { return d.parent.data.name + d.data.name; } return d.data.name; }); nodes.exit().remove(); let newnodes = nodes.enter().append("g"); let allnodes = animate ? nodegroup.selectAll("g").transition(t) : nodegroup.selectAll("g"); allnodes.attr( "transform", (d) => ` rotate(${(d.x * 180) / Math.PI - 90}) translate(${d.y},0) ` ); newnodes .append("circle") .attr("r", (d) => Math.sqrt(d.data["Nb_type_plante"] / 0.05)); nodegroup .selectAll("g circle") //.attr("fill", (d) => (d.data.children ? "#238443" : "#238443")) .attr("fill-opacity", 0.9) .attr("stroke", (d) => d.data.children ? d.data.name : d.parent.data.name ) .attr("stroke-width", 0.5) .attr("fill", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? "yellow" : (d.data["Statuts"] == "Non protégée") & (d.data["EEE"] == "") ? "#599447" // green : (d.data["Statuts"] != "Non protégée") & (d.data["EEE"] == "") ? "#E05D56" // rouge : "#4AE0D8"; // bleu }) /*.attr("stroke", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? "black" : "black"; })*/ .attr("opacity", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? "1" : ".5"; }); //----------------------- Affichage des labels ------------------------------------- if (label == "Oui") { newnodes .append("text") .attr("dy", "0.31em") //.attr("font-size", 7) //.attr("fill", "green") .text(function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? d.data.name : d.x < Math.PI === !d.children ? d.data.name + " - " + d.data.Nb_type_plante : d.data.Nb_type_plante + " - " + d.data.name; /* return d.children || (children && (children.length > 0 || altChildren.length > 0) && d.x < Math.PI === !d.children) ? "TOTO" : d.data.name + " - " + d.data.Nb_type_plante; */ }) .attr("font-size", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? 15 : 7; }) .attr("fill", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? "#599447" // green : (d.data["Statuts"] == "Non protégée") & (d.data["EEE"] == "") ? "#599447" // green : (d.data["Statuts"] != "Non protégée") & (d.data["EEE"] == "") ? "#E05D56" // rouge : "#4AE0D8"; // blue }); } nodegroup .selectAll("g text") .attr("x", (d) => d.x < Math.PI === !d.children ? 10 + Math.sqrt(d.data["Nb_type_plante"] / 0.05) : -10 - Math.sqrt(d.data["Nb_type_plante"] / 0.05) ) .attr("text-anchor", (d) => d.x < Math.PI === !d.children ? "start" : "end" ) .attr("transform", (d) => (d.x >= Math.PI ? "rotate(180)" : null)); } newdata(false); document.body.appendChild(svg.node()); const box = g.node().getBBox(); svg .remove() .attr("width", box.width) .attr("height", box.height) .attr("viewBox", `${box.x} ${box.y} ${box.width} ${box.height}`); // ----------------------- Affichage du titre ------------------------------------- g.append("text") .attr("transform", "translate(" + 0 + "," + (width + 100) + ")") .style("text-anchor", "middle") .attr("font-size", 30) .attr("fill", "#1D1D1D") .text("Les plantes recencées sur les sites Pierre Fabre"); return svg.node(); }30:T15aa,radialTreeFamille = { const radius = 600; const svg = d3 .select(DOM.svg(width, width)) .style("width", "100%") .style("height", "auto") .style("padding", "10px") .style("box-sizing", "border-box") //.style("font", "16px sans-serif") .style("font", "16px Verdana"); let tree = (data) => d3 .tree() .size([2 * Math.PI, radius]) .separation((a, b) => (a.parent == b.parent ? 1 : 3) / a.depth / 2)( d3.hierarchy(data) ); const g = svg.append("g"); const linkgroup = g .append("g") .attr("fill", "none") //.attr("stroke", "#662506") .attr("stroke", "#29948E") .attr("stroke-opacity", 0.4) .attr("stroke-width", 2); const nodegroup = g .append("g") .attr("stroke-linejoin", "round") .attr("stroke-width", 3); function newdata(animate = true) { let root = tree(inventaire_pf_group_famille_json); let links_data = root.links(); let links = linkgroup .selectAll("path") .data(links_data, (d) => d.source.data.name + "_" + d.target.data.name); links.exit().remove(); let newlinks = links .enter() .append("path") .attr( "d", d3.linkRadial().angle((d) => d.x) //.radius(50) ); let t = d3 .transition() .duration(animate ? 400 : 0) .ease(d3.easeLinear) .on("end", function () { const box = g.node().getBBox(); svg .transition() .duration(1000) .attr("viewBox", `${box.x} ${box.y} ${box.width} ${box.height}`); }); let alllinks = linkgroup.selectAll("path"); alllinks.transition(t).attr( "d", d3 .linkRadial() .angle((d) => d.x) .radius((d) => d.y) ); let nodes_data = root.descendants().reverse(); let nodes = nodegroup.selectAll("g").data(nodes_data, function (d) { if (d.parent) { return d.parent.data.name + d.data.name; } return d.data.name; }); nodes.exit().remove(); let newnodes = nodes.enter().append("g"); let allnodes = animate ? nodegroup.selectAll("g").transition(t) : nodegroup.selectAll("g"); allnodes.attr( "transform", (d) => ` rotate(${(d.x * 180) / Math.PI - 90}) translate(${d.y},0) ` ); newnodes .append("circle") .attr("r", (d) => Math.sqrt(d.data["nb_de_plantes"] / 0.05)); nodegroup .selectAll("g circle") //.attr("fill", (d) => (d.data.children ? "#238443" : "#238443")) .attr("fill-opacity", 0.9) .attr("stroke", (d) => d.data.children ? d.data.name : d.parent.data.name ) .attr("stroke-width", 0.5) .attr("fill", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? "#FFD030" // jaune : "#FFD030"; }) .attr("stroke", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? "black" : "black"; }) .attr("opacity", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? "1" : ".5"; }); //----------------------- Affichage des labels ------------------------------------- if (label == "Oui") { newnodes .append("text") .attr("dy", "0.31em") //.attr("font-size", 7) .attr("fill", "#001194") // bleu .text(function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? d.data.name : d.x < Math.PI === !d.children ? d.data.name + " - " + d.data.nb_de_plantes : d.data.nb_de_plantes + " - " + d.data.name; }) .attr("font-size", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? 12 : 15; }); } nodegroup .selectAll("g text") .attr("x", (d) => d.x < Math.PI === !d.children ? 10 + Math.sqrt(d.data["nb_de_plantes"] / 0.05) : -10 - Math.sqrt(d.data["nb_de_plantes"] / 0.05) ) .attr("text-anchor", (d) => d.x < Math.PI === !d.children ? "start" : "end" ) .attr("transform", (d) => (d.x >= Math.PI ? "rotate(180)" : null)); } newdata(false); document.body.appendChild(svg.node()); const box = g.node().getBBox(); svg .remove() .attr("width", box.width) .attr("height", box.height) .attr("viewBox", `${box.x} ${box.y} ${box.width} ${box.height}`); // ----------------------- Affichage du titre ------------------------------------- g.append("text") .attr("transform", "translate(" + 0 + "," + width + ")") .style("text-anchor", "middle") .attr("font-size", 30) .attr("fill", "#1D1D1D") .text("Les plantes recencées sur les sites Pierre Fabre"); return svg.node(); }31:T57a,inventaire_pf_group_json = { var newData = { name: "Inventaire PF", // value: "", children: [] }, levels = ["CLASSE", "ORDRE", "FAMILLE"]; // For each data row, loop through the expected levels traversing the output tree inventaire_pf_group.forEach(function (d) { // Keep this as a reference to the current level // var depthCursor = newData.children; var niveau = 0; // Go down one level at a time levels.forEach(function (property, depth) { // Look to see if a branch has already been created var index; depthCursor.forEach(function (child, i) { if (d[property] == child.name) index = i; }); // Add a branch if it isn't there niveau += 1; if (isNaN(index)) { depthCursor.push({ name: d[property], niveau: niveau, children: [] }); index = depthCursor.length - 1; } // Now reference the new child array as we go deeper into the tree depthCursor = depthCursor[index].children; // This is a leaf, so add the last element to the specified branch if (depth === levels.length - 1) depthCursor.push({ Nb_type_plante: d.nb_de_site, Nom_commun: d["PLANTES - Nom commun"], EEE: d.EEE, Statuts: d.Statuts, name: d.Nom }); }); }); return newData; }32:T51a,inventaire_pf_group_famille_json = { var newData = { name: "Famille", // value: "", children: [] }, levels = ["CLASSE", "ORDRE"]; // For each data row, loop through the expected levels traversing the output tree inventaire_pf_famille_group.forEach(function (d) { // Keep this as a reference to the current level // var depthCursor = newData.children; var niveau = 0; // Go down one level at a time levels.forEach(function (property, depth) { // Look to see if a branch has already been created var index; depthCursor.forEach(function (child, i) { if (d[property] == child.name) index = i; }); // Add a branch if it isn't there niveau += 1; if (isNaN(index)) { depthCursor.push({ name: d[property], niveau: niveau, children: [] }); index = depthCursor.length - 1; } // Now reference the new child array as we go deeper into the tree depthCursor = depthCursor[index].children; // This is a leaf, so add the last element to the specified branch if (depth === levels.length - 1) depthCursor.push({ name: d.FAMILLE, nb_de_plantes: d.nb_de_plantes }); }); }); return newData; }33:[{"id":"1db19d99d3895e74104dcca2bc096d89ab44db6b49657d44cf34872e533778f617a9ca3543ed353f2c8e5c75fe0a0bd6c23db6909ec3d83b5f20df4e019caa27","href":"https://static.observableusercontent.com/files/1db19d99d3895e74104dcca2bc096d89ab44db6b49657d44cf34872e533778f617a9ca3543ed353f2c8e5c75fe0a0bd6c23db6909ec3d83b5f20df4e019caa27","name":"inventaire_pf@3.csv","type":"text/csv","lastModified":1696942323384.296,"size":1133088},{"id":"b0c0f57747be9605a15cf5b18d650b6c09f8e48b692c9c0553be3214c85f90ec39b31c2c6f5c3ef9fe64ee9fd549812cf806bfad8f237a100ea95004a2ecfc75","href":"https://static.observableusercontent.com/files/b0c0f57747be9605a15cf5b18d650b6c09f8e48b692c9c0553be3214c85f90ec39b31c2c6f5c3ef9fe64ee9fd549812cf806bfad8f237a100ea95004a2ecfc75","name":"inventaire_pf_famille_group@1.csv","type":"text/csv","lastModified":1696942323384.296,"size":5111},{"id":"8230759b6dfca1e621606a9d026efac3489249093473624394ef6486f97ee44713acc4b796e6f37da0af64d837fd9ee21134c45ab3b499c609ffc0bca7293ab6","href":"https://static.observableusercontent.com/files/8230759b6dfca1e621606a9d026efac3489249093473624394ef6486f97ee44713acc4b796e6f37da0af64d837fd9ee21134c45ab3b499c609ffc0bca7293ab6","name":"inventaire_pf_group@3.csv","type":"text/csv","lastModified":1696942323384.296,"size":310638},{"id":"a5e267e694bc2aa407a75af0acbaa0d1c7ab7abd1f5321466c87ae94035e8d666bb18ee79b7629b4f6ae9a9f1c3d134bd14790af823b63f54a13530e023b43c1","href":"https://static.observableusercontent.com/files/a5e267e694bc2aa407a75af0acbaa0d1c7ab7abd1f5321466c87ae94035e8d666bb18ee79b7629b4f6ae9a9f1c3d134bd14790af823b63f54a13530e023b43c1","name":"Sites_PierreFabre@4.csv","type":"text/csv","lastModified":1696942323384.296,"size":866}] 2d:{"id":"fad51ed41475a195","slug":null,"title":" Green Event Data ","thumbnail":"e4891f0b497d7316b5bdb6b2ecdd6d6da70e71a1b2c0e16d4f65a35c44c55f2c","access_level":"public","create_time":"$D2023-10-10T12:52:03.384Z","update_time":"$D2026-03-14T11:30:58.360Z","view_time":null,"first_public_time":"$D2026-03-05T17:30:50.191Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":"starter_2024"},"version":1441,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null}],"members":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null,"role":"editor"},{"type":"team","id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"635978eee692106d","slug":"projets","title":"1- Projets","owner":{"id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer"}},"type":"notebook","body":{"title":" Green Event Data ","cells":[{"id":0,"value":"# Green Event Data \n## Workshop sur des données botaniques Pierre Fabre","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":832,"value":"### Le contexte\n\nDans le cadre de l'événement \"Green Event Data\", des jeux de données du conservatoire Pierre Fabre ont été proposés aux équipes de leur communauté data. En tant qu'invités, des membres de l'association Toulouse DataViz ont relevé le challenge consistant à raconter une histoire avec des graphiques. \n\nLe conservatoire \"Pierre Fabre\" a identifié les plantes présentes sur les **17 sites** ou la société est implantée. \nLes sites sont tous localisés dans la région **Occitanie** à l'exception du site d'Ussel situé un peu plus au nord. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":820,"value":"### Les plantes\n709 espèces de plantes différentes sont identifiées sur l'ensemble des sites. \nElles appartiennent à 106 familles, 50 Ordres et trois classes. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":418,"value":"### Les familles\n\nTous sites confondus, quatre familles prédominent, Asteraceae (85 espèces), Fabaceae (50 espèces), Poaceae (44 espèces) et Rosaceae (43 espèces).\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":852,"value":"### Par type de plantes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":658,"value":"viewof label = Inputs.radio([\"Oui\", \"Non\"], {\n label: \"Ajouter les labels\",\n value: \"Oui\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":618,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1320,"value":"### Par famille de plantes\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1273,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":856,"value":"### Fréquence des plantes sur les sites \n\nPlus de **300 plantes** ne sont présentes que sur un seul site ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":779,"value":"Plot.plot({\n color: { legend: false },\n y: {\n grid: false,\n axis: true,\n label: \"Frequence des plantes sur les sites\"\n },\n marks: [\n Plot.rectY(\n inventaire_pf_group,\n Plot.binX(\n { y: \"count\" },\n {\n x: \"nb_de_site\",\n rx: 3,\n title: \"ORDRE\",\n //fill: \"ORDRE\",\n tip: true,\n fill: \"#83E050\",\n stroke: \"lightGrey\"\n }\n )\n ),\n\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1354,"value":"### Nombre de plantes par Famille ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1344,"value":"Plot.plot({\n color: { legend: false },\n marginLeft: 100,\n inset: 20,\n height: 1000,\n width: 1100,\n y: {\n grid: false,\n axis: true,\n label: \"Nombre de plantes par Famille\"\n },\n marks: [\n Plot.barX(inventaire_pf_famille_group, {\n y: \"FAMILLE\",\n x: \"nb_de_plantes\",\n fill: \"green\",\n stroke: \"yellow\",\n sort: { y: \"-x\" },\n title: \"FAMILLE\"\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1366,"value":"### Nombre de plantes par Famille (vue dodge) ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1364,"value":"Plot.plot({\n inset: 20,\n height: 1000,\n width: 1100,\n marginLeft: 100,\n color: {\n scheme: \"Rainbow\",\n legend: false\n },\n marks: [\n Plot.dot(\n inventaire_pf_group,\n Plot.dodgeX({\n y: \"FAMILLE\",\n r: 4,\n //fill: \"CD_NOM\",\n fill: \"yellow\",\n stroke: \"green\",\n src: \"URL Photo\",\n title: \"Nom\"\n })\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1398,"value":"viewof select_site = Inputs.select(liste_site, {\n label: \"Choisissez un site Pierre Fabre\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1370,"value":"Plot.plot({\n inset: 20,\n height: 1200,\n width: 2000,\n style: { fontSize: \"20px\" },\n marginLeft: 180,\n marks: [\n Plot.image(\n data_image.filter(\n (d) => (d.site == select_site) & (d.date == liste_date[0])\n ),\n Plot.dodgeX({\n y: \"famille\",\n r: 25,\n preserveAspectRatio: \"xMidYMin slice\",\n src: \"url_photo\",\n title: (d) => `Famille : ${d.famille} \\nNom : ${d.nom}`\n })\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1417,"value":"### Les 17 sites \" Pierre Fabre \"\"","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1421,"value":"map = {\n var cen = [44.2, 1.44];\n let container = DOM.element(\"div\", {\n style: `width:${width / 1.2}px;height:${width / 1.6}px`\n });\n yield container;\n let map = L.map(container).setView(cen, 7);\n\n let osmLayer = L.tileLayer(\n \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\n //\"https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}{r}.png\",\n {\n attribution: \"© OpenStreetMap contributors\",\n maxZoom: 19\n }\n ).addTo(map);\n\n var iconH = L.icon({\n iconUrl: \"https://alainottenheimer.github.io/alainO.io/LOGO PF(1).png\",\n iconSize: [20, 20]\n });\n data_sites.forEach((h) => {\n const marker = L.marker([h.Lat, h.Long], { icon: iconH }).addTo(map);\n const note = h.Site ? `${h.Site}` : \"\";\n marker.bindPopup(`🌼 Site ${h.Site}
commune : ${note}`);\n //.openPopup();\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":862,"value":"_______________________________________________________","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":17,"value":"## data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":515,"value":"data_sites = FileAttachment(\"Sites_PierreFabre@4.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1164,"value":"inventaire_pf = FileAttachment(\"inventaire_pf@3.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1380,"value":"data_image = inventaire_pf.map(function (d) {\n return {\n site: d.Site,\n date: d.Date,\n cd_nom: d.CD_NOM,\n nom: d.Nom,\n regne: d.REGNE,\n classe: d.CLASSE,\n ordre: d.ORDRE,\n famille: d.FAMILLE,\n url_photo: d[\"URL Photo\"].split(\",\")[0]\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1007,"value":"inventaire_pf_group = FileAttachment(\"inventaire_pf_group@3.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":896,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1299,"value":"inventaire_pf_famille_group = FileAttachment(\n \"inventaire_pf_famille_group@1.csv\"\n).csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1280,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":486,"value":"_______________________________________________________","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1400,"value":"MapSite = new Map(data_image.map((c) => [c.site, c]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1402,"value":"liste_site = {\n const temp = Array.from(MapSite.keys());\n //temp.push(\"Tous\");\n return temp;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1405,"value":"MapDate = new Map(\n data_image.filter((d) => d.site == select_site).map((c) => [c.date, c])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1408,"value":"liste_date = {\n const temp = Array.from(MapDate.keys());\n //temp.push(\"Tous\");\n return temp.sort((a, b) => b - a);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":268,"value":"## Librairies","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":620,"value":"d3 = require(\"d3@v5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":261,"value":"_______________________________________________________","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2e:"$2d:body"