29:["$","title",null,{"children":"Hackaviz 2021 tidy tree | Alain Ottenheimer | Observable"}] 2e:T189b,radialTree = { 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"); let tree = (data) => d3 .tree() .size([2 * Math.PI, radius]) .separation((a, b) => (a.parent == b.parent ? 1 : 3) / a.depth)( d3.hierarchy(data) ); const g = svg.append("g"); const linkgroup = g .append("g") .attr("fill", "none") .attr("stroke", "#555") .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(data); 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(0.1) ); 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) => d.data[select_attribut] >= 0 ? select_attribut == "population" ? Math.sqrt(d.data[select_attribut] / (2 * diametre)) : Math.sqrt(d.data[select_attribut] * 11 * diametre) : 8 ) .on("click", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; d.data.children = altChildren; d.data.altChildren = children; newdata(); }); nodegroup .selectAll("g circle") .attr("fill", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? "#999" : color_circle(select_attribut); }) .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 valeurs si démandé if (button == "1") { newnodes .append("text") .attr("dy", "0.31em") //---------------- Affichage complet /**/ .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.data.name + " - " + d.data[select_attribut] + " " + label_value(select_attribut); }) //---------------- Affichage uniquement du nom des QP sur la couronne externe /* .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; }) */ .attr("stroke", "none") .attr("fill", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? "lightblue" // ? "#666" : "#888"; }) .clone(true) .lower(); } //*************************************************** nodegroup // gestion du décalage du texte et de l'orientation du texte .selectAll("g text") /* .attr("x", function(d) { let altChildren = d.data.altChildren || []; let children = d.data.children; return d.children || (children && (children.length > 0 || altChildren.length > 0)) ? d => (d.x < Math.PI === !d.children ? 6 : -6) : d => (d.x < Math.PI === !d.children ? decalage : -decalage); }) */ .attr("x", (d) => (d.x < Math.PI === !d.children ? decalage : -decalage)) //6 .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 - 50) + ")") .style("text-anchor", "middle") .attr("font-size", 30) .attr("fill", "#222") .text( select_region.toUpperCase() + " (Département(s) : " + num_dept_liste + ") - " + select_attribut ); return svg.node(); }2f:T645,data = { var newData = { //name: select_region + '(' + num_dept_liste + ')', name: "Quartiers Prioritaires", // value: "", children: [] }, //levels = ["nom_dept", "nom_dept", "nom_dept", "lib_com"]; levels = ["nom_dept", "lib_com"]; // For each data row, loop through the expected levels traversing the output tree data_foncier_qp.forEach(function (d) { // Keep this as a reference to the current level var depthCursor = newData.children; // 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 if (isNaN(index)) { depthCursor.push({ name: d[property], 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.lib_qp, population: d.population_qp, ratio_population: d.ratio_population, ratio_etranger: d.ratio_etranger, nb_transaction_maison: d.nb_transaction_maison, nb_transaction_appart: d.nb_transaction_appart, nb_transaction: d.nb_transaction, transactionParHab: d.transactionParHab }); }); }); return newData; }30:[{"id":"71ce65825588e99693f190dc3b8764d10e2d109879490499473361b647017df2aee3b63394bd9b4d12dcbc9fa49b7b734cbbd06a8da20d7cac7af916ad9cfa86","href":"https://static.observableusercontent.com/files/71ce65825588e99693f190dc3b8764d10e2d109879490499473361b647017df2aee3b63394bd9b4d12dcbc9fa49b7b734cbbd06a8da20d7cac7af916ad9cfa86","name":"qp.csv","type":"text/csv","lastModified":1631200029233.952,"size":21314},{"id":"8e3dedcf5e8b4378121fcb6caecc1a0d226e284d4f785fce7d6afed7b9728da4727ca6d06765b4aa33e699259d6ab38e01468b79a8a891b61e13b1ceebadd940","href":"https://static.observableusercontent.com/files/8e3dedcf5e8b4378121fcb6caecc1a0d226e284d4f785fce7d6afed7b9728da4727ca6d06765b4aa33e699259d6ab38e01468b79a8a891b61e13b1ceebadd940","name":"tidy_tree(2).png","type":"image/png","lastModified":1631533236649.133,"size":142543},{"id":"04eb9e03eda9b417f3d26c1342096463b9f12a8878a39cac46639198e3e6ce85e5fa1411b3e145673eefbba630bd26a2565ec458192727eb3651372a9f6c2530","href":"https://static.observableusercontent.com/files/04eb9e03eda9b417f3d26c1342096463b9f12a8878a39cac46639198e3e6ce85e5fa1411b3e145673eefbba630bd26a2565ec458192727eb3651372a9f6c2530","name":"foncier_qp.csv","type":"text/csv","lastModified":1631196527402.52,"size":4617252}] 2c:{"id":"2d797c72d987925f","slug":"hackaviz-2021-tidy-tree","title":" Hackaviz 2021 tidy tree","thumbnail":"9300d6dfe5dd63c46e6d3f16ea0d529da08aea903bf3dd19499e8c5d03d58be2","access_level":"public","create_time":"$D2021-09-09T14:07:36.977Z","update_time":"$D2025-02-10T18:00:05.315Z","view_time":null,"first_public_time":"$D2021-09-28T20:15:21.000Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":"starter_2024"},"version":6070,"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"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":" Hackaviz 2021 tidy tree","cells":[{"id":4,"value":"note = md`\n# Hackaviz 2021 tidy tree\n## Quartiers Prioritaires (QP) d’Occitanie : caractéristiques et transactions immobilières..\n\nVersion 1.0\n\nThis notebook is using 2 csv files about poor neighborhoods of cities in Occitania region in France.\nThe fist one describe the attributs of the neighborhoods, the second one the 28825 real estate transactions in the neighborhoods between 2016 and 2020. \n\nA calculation of the number of transactions (houses and appartments) is performed for each neighborhoods and then a merge with some attributs of neighborhoods. \n\nThe user could then select the attribute to be displayed in the tidy tree\n\nI save the tidy tree as svg for 3 significant attributs in order to create using illustrator a \"tree layer tidy tree\" as shown in note 2 \n\n\nSee note 1 for more data informations ^{[[1](#footnote1)]} \n\nSee note 2 for references ^{[[2](#footnote2)]} \n\nsee note 3 for to do list ^{[[3](#footnote3)]}\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2516,"value":"md``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1432,"value":"md`\n## INTRODUCTION \nEn **xxxx**, blabla....\n\nCe notebook exploite les données du concours de l'Hackaviz 2021 proposé par l'association [**Toulouse DataViz**](https://www.toulouse-dataviz.fr)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2455,"value":"md`\n## INTERACTION \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5347,"value":"viewof select_attribut = select({\n title: \"\",\n description: \"Choisissez la variable à visualiser.\",\n options: [\n \"population\",\n \"ratio_population\",\n \"ratio_etranger\",\n \"nb_transaction_maison\",\n \"nb_transaction_appart\",\n \"nb_transaction\",\n \"transactionParHab\"\n ],\n value: \"population\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5571,"value":"viewof selected_département = select({\n title: \"\",\n description: \"Choisir les départements\",\n options: [\n \"Tous\",\n \"Ariège\",\n \"Aude\",\n \"Aveyron\",\n \"Gard\",\n \"Haute-Garonne\",\n \"Gers\",\n \"Hérault\",\n \"Lot\",\n \"Hautes-Pyrénées\",\n \"Pyrénées-Orientales\",\n \"Tarn\",\n \"Tarn-et-Garonne\",\n \"Tous\"\n ],\n value: \"tous\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5397,"value":"viewof button = radio({\n title: '',\n description: 'Visualiser les labels? ',\n options: [{ label: 'Oui', value: 1 }, { label: 'Non', value: 0 }],\n value: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2459,"value":"viewof diametre = slider({\n min: 0.01,\n max: 10,\n step: 0.01,\n description: \"Réglage cercle \"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5623,"value":"viewof decalage = slider({\n min: 0,\n max: 100,\n step: 1,\n value: 0,\n description: \"décalage légende\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5014,"value":"md`\n## GRAPHICS \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5345,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5355,"value":"graph_svg2 = DOM.download(\n serialize(radialTree),\n 'QP_RT - ' +\n select_region.toUpperCase() +\n ' (' +\n num_dept_liste +\n '%) - ' +\n select_attribut +\n ' - ' +\n button +\n '.svg',\n 'Download radial tree as svg'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5052,"value":"md`\n## DATA \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5054,"value":"md`\n### Foncier qp H2021 \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5197,"value":"raw_data_foncier_qp = FileAttachment(\"foncier_qp.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5231,"value":"md`\n### carateristiques QP \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5233,"value":"raw_data_qp = FileAttachment(\"qp.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5061,"value":"md`\n## DATA TREATMENT \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5804,"value":"md`\n### ex : déclaration du nom de la région \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5746,"value":"select_region = \"Occitanie\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5809,"value":"md`\n### Calcul du nombre de ventes de maisons et d'appartements dans les QP sur les 5 ans \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5224,"value":"raw_count_transaction_qp = d3\n .nest()\n .key(d => d.code_qp)\n .key(d => d.type_local)\n .rollup(v => ({\n count: v.length\n }))\n .entries(\n raw_data_foncier_qp.filter(\n d => d.type_local != \"Local industriel. commercial ou assimilé\"\n )\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5814,"value":"md`\n### Reconstruction du jeu de données \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5267,"value":"count_transaction_qp = {\n const temp = raw_count_transaction_qp.map((row) => ({\n code_qp: row.key,\n count_maison:\n row.values[1] != undefined\n ? +Object.values(row.values[1].value).toString()\n : 0,\n count_appartement:\n row.values[0] != undefined\n ? +Object.values(row.values[0].value).toString()\n : 0\n }));\n return temp;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5336,"value":"merge = (a1, a2) =>\n a1.map((itm) => ({\n ...a2.find((item) => item.code_qp === itm.code_qp),\n ...itm\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5816,"value":"md`\n### Merge du fichier traité avec celui des caractéristiques de QP \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5340,"value":"merge_data_foncier_qp = merge(raw_data_qp, count_transaction_qp)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5819,"value":"md`\n### Mise en forme du fichier pour realisation du graphique \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5206,"value":"data_foncier_qp_ = merge_data_foncier_qp\n .map(function(d) {\n return {\n dept: d.code_qp.slice(3, 5),\n nom_dept: dept_name(d.code_qp.slice(3, 5)),\n population_qp: +d.pop_mun,\n lib_qp: d.nom_qp,\n lib_com: d.nom_commune,\n population_com: +d.pop_com,\n ratio_population: +format(100 * (+d.pop_mun / +d.pop_com)),\n ratio_etranger: +format(d.tx_tot_et),\n nb_transaction_maison: d.count_maison,\n nb_transaction_appart: d.count_appartement,\n nb_transaction: d.count_maison + d.count_appartement,\n transactionParHab: +format(\n (100 * (d.count_maison + d.count_appartement)) / d.pop_mun\n )\n };\n })\n .sort((a, b) => d3.ascending(a.lib_qp, b.lib_qp))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5597,"value":"data_foncier_qp = {\n var temp = [];\n if (selected_département != \"Tous\") {\n temp = data_foncier_qp_.filter(d => d.nom_dept == selected_département);\n } else {\n temp = data_foncier_qp_;\n }\n return temp;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5368,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5821,"value":"md`\n### Visualisation du tableau des données traitées \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5357,"value":"printTable(data_foncier_qp.slice(1, 5))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5072,"value":"md`\n## CONFIGURATION \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5374,"value":"format = d3.format(\".1f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5842,"value":"md`#### Recherche de la liste des noms de départements de la region Occitanie\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5363,"value":"MapDept = new Map(raw_data_foncier_qp.map(c => [c.nom_departement, c]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5366,"value":"dept_liste = Array.from(MapDept.keys())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5400,"value":"MapNumDept = new Map(raw_data_foncier_qp.map(c => [c.code_departement, c]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5399,"value":"num_dept_liste = Array.from(MapNumDept.keys())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5840,"value":"md`#### Affectation du numéro de département \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5525,"value":"dept_name = d3\n .scaleOrdinal()\n .domain(num_dept_liste)\n .range(dept_liste)\n .unknown(\" \")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5829,"value":"md`#### Affectation d'une couleur en fonction de la variable selectionnée \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5373,"value":"color_circle = d3\n .scaleOrdinal()\n .domain([\n \"population\",\n \"ratio_population\",\n \"ratio_etranger\",\n \"nb_transaction_maison\",\n \"nb_transaction_appart\",\n \"nb_transaction\",\n \"transactionParHab\"\n ])\n .range([\"red\", \"green\", \"#dfc27d\", \"#fdbb84\", \"green\", \"#74a9cf\", \"#74a9cf\"])\n .unknown(\"black\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5376,"value":"radius = 700 //517","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5379,"value":"graphicheight = 800","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5551,"value":"label_value = d3\n .scaleOrdinal()\n .domain([\n \"population\",\n \"ratio_population\",\n \"ratio_etranger\",\n \"nb_transaction_maison\",\n \"nb_transaction_appart\",\n \"nb_transaction\",\n \"transactionParHab\"\n ])\n //.range([\"hab\", \"%\", \"%\", \"\", \"\", \"\", \"%\"])\n .range([\"\", \"%\", \"%\", \"\", \"\", \"\", \"%\"])\n .unknown(\"\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5078,"value":"md`\n## IMPORT \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5112,"value":"import { select, color, radio, slider, checkbox } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5388,"value":"import { printTable } from '@uwdata/data-utilities'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5386,"value":"import { rasterize, serialize } from \"@mbostock/saving-svg\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5116,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5393,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5123,"value":"md`\n## NOTES \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5129,"value":"footnote = (referencingCellName, number, text) => {\n return html`

^ ${text}

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5127,"value":"footnote1 = footnote(\"note\", 1, \"Data informations\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5146,"value":"md`Les jeux de données proviennent de l'hachackaviz #2021 de l'association Toulouse-DataViz\nvoir github https://github.com/ToulouseDataViz/Hackaviz2021\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5132,"value":"footnote2 = footnote(\"note\", 2, \"References\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5148,"value":"md`voir github https://github.com/ToulouseDataViz/Hackaviz2021\n\nExemple d'un tidy tree à 3 couches réalisé avec illustrator \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5740,"value":"FileAttachment(\"tidy_tree(2).png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5951,"value":"md`\ninspiré de https://observablehq.com/d/9f5e46526508d568\n\nhttps://observablehq.com/@khxu/radial-tree-of-bay-area-cities-and-counties\n\nhttps://observablehq.com/@ptomlinsongti/d3-collapsible-tree-and-radial-tidy-tree\n\nhttps://stackoverflow.com/questions/19317115/convert-flat-json-file-to-hierarchical-json-data-like-flare-json-d3-example-fil\nhttps://observablehq.com/@idris-maps/methodes-sur-une-liste-array\n\nhttps://observablehq.com/@observablehq/inputs\n\nhttps://observablehq.com/@jasonxu1244/radial-dendrogram-circus-data-v-2\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5135,"value":"footnote3 = footnote(\"note\", 3, \"To Do List\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5941,"value":"md`La fonction \"Download radial tree as svg\" n'exporte pas les tracés reliant les couches`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2d:"$2c:body" 28:E{"digest":"NEXT_REDIRECT;replace;/@aotten/hackaviz-2021-tidy-tree;307;"}