41:null 42:["$","title",null,{"children":"Scatterplot routes en occitanie V2.0 | Alain Ottenheimer | Observable"}] 48:T51d,{ const svg = d3 .create("svg") .attr("width", 600) .attr("height", 150); // Legend as a group const legend = svg .append("g") // Apply a translation to the entire group .attr("transform", "translate(100, 10)"); const size = 20; const border_padding = 15; const item_padding = 5; const text_offset = 2; // Border legend .append('rect') .attr("width", 450) .attr("height", 100) .style("fill", "black") .style("stroke-width", 1) .style("stroke", "black"); // Boxes legend .selectAll("boxes") .data(domains) .enter() .append("rect") .attr("x", border_padding) .attr("y", (d, i) => border_padding + i * (size + item_padding)) .attr("width", size) .attr("height", size) .style("fill", d => color_legend(d)); // Labels legend .selectAll("labels") .data(domains) .enter() .append("text") .attr("x", border_padding + size + item_padding) .attr( "y", (d, i) => border_padding + i * (size + item_padding) + size / 2 + text_offset ) // .style("fill", (d) => color(d)) .style("fill", "#eee") .text(d => d) .attr("text-anchor", "left") .style("alignment-baseline", "middle") .style("font-family", "sans-serif"); return svg.node(); }49:Tc6c,chart_lin = { // -----------------------------------------Variables associées au graphique. ---------------------------- // -----------------------------------------Fonctions associées au graphique. ---------------------------- const format = d3.format(".0f"); // ---------------------------------------------- Création du svg .--------------------------------------- const svg = d3.select(DOM.svg(size.width, size.height)); const background = svg .append('rect') .attr('width', width) .attr('height', size.height) .attr('fill', "#000"); // ---------------------------------------------- Tracé des axes. ------------------------------------ svg .append('g') .attr('transform', `translate(0, ${size.height - margin.bottom})`) .call(xAxis_lin); svg .append('g') .attr('transform', `translate(${margin.left}, 0)`) .call(yAxis_lin); // ---------------------------------------------- Tracé des points. -------------------------------- svg .append("g") .attr("stroke", "none") .attr("stroke-opacity", .2) .selectAll("circle") .data(data) .enter() .append("circle") .attr("opacity", 1) .attr('fill', d => d.population < 250 ? "#ec7014" : d.population > 2000 ? "#993404" : "#fec44f" ) .attr("cx", d => xScale_lin(d.superficie)) .attr("cy", d => yScale_lin(d[select_valeur] / d['population'])) .attr("r", 1); svg .append("g") .selectAll('text') .data(data) .join('text') .attr('font-size', 12) .attr('font-family', 'sans-serif') .attr('dominant-baseline', 'hanging') .attr("x", d => xScale_lin(d['population'])) .attr("y", d => yScale_lin(d[select_valeur]) - 10) .text(d => d['population'] > 200000 ? d.commune + ' (' + format((d[select_valeur] / d['population']) * 1000) + ' mètre/hab)' : "" ); // ---------------------------------------------- Titre du graphique. -------------------------------- svg .append("text") .attr("class", "xlabel") .attr("y", 0) .attr("x", size.width / 2 + margin.left / 2) .attr("dy", "1.8em") .style("font", "14px sans-serif ") .style("fill", "#eee") .style("text-anchor", "middle") .text( 'kilométrage des routes (' + select_valeur + ') en km/habitant et par communes en ' + territoire(select_dept) ); svg .append("text") .attr( "transform", "translate(" + margin.left / 2 + "," + size.height / 2 + ")rotate(-90)" ) .style("text-anchor", "middle") .attr('font-size', "14") .style("fill", "#eee") .text("kilométrage / habitant"); svg .append("text") .attr( "transform", "translate(" + width / 2 + "," + (size.height - 10) + ")" ) .style("text-anchor", "middle") .attr('font-size', "14") .attr('fill', "#eee") .text("Superficie de la commune en km²"); svg.selectAll(".tick text").attr("fill", "#eee"); svg.selectAll(".tick line").attr("stroke", "#eee"); svg.selectAll(".domain").attr("stroke", "#eee"); return svg.node(); }4a:Tc80,chart = { // -----------------------------------------Variables associées au graphique. ---------------------------- // -----------------------------------------Fonctions associées au graphique. ---------------------------- const format = d3.format(".1f"); // ---------------------------------------------- Création du svg .--------------------------------------- const svg = d3.select(DOM.svg(size.width, size.height)); const background = svg .append('rect') .attr('width', width) .attr('height', size.height) .attr('fill', "#000"); // ---------------------------------------------- Tracé des axes. ------------------------------------ svg .append('g') .attr('transform', `translate(0, ${size.height - margin.bottom})`) .call(xAxis); svg .append('g') .attr('transform', `translate(${margin.left}, 0)`) .call(yAxis); // ---------------------------------------------- Tracé des points. -------------------------------- svg .append("g") .attr("stroke", "none") .attr("stroke-opacity", 0.2) .selectAll("circle") .data(data) .enter() .append("circle") .attr("opacity", 1) .attr('fill', d => d.population < 250 ? "#ec7014" : d.population > 2000 ? "#993404" : "#fec44f" ) .attr("cx", d => xScale(d['superficie'])) .attr("cy", d => yScale(d[select_valeur] / d['population'])) .attr("r", 1); svg .append("g") .selectAll('text') .data(data) .join('text') .attr('font-size', 10) .attr('font-family', 'sans-serif') .attr('fill', "#eee") .attr('dominant-baseline', 'hanging') .attr("x", d => xScale(d['superficie'])) .attr("y", d => yScale(d[select_valeur] / d['population']) + 10) .text(d => d['population'] > 200000 ? d.commune + ' (' + format((d[select_valeur] / d['population']) * 1000) + ' mètre/hab)' : "" ); // ---------------------------------------------- Titre du graphique. -------------------------------- svg .append("text") .attr("class", "xlabel") .attr("y", 0) .attr("x", size.width / 2 + margin.left / 2) .attr("dy", "1.8em") .style("font", "14px sans-serif ") .style("fill", "#eee") .style("text-anchor", "middle") .text( 'kilométrage des routes (' + select_valeur + ') en km/habitant et par communes en ' + territoire(select_dept) ); svg .append("text") .attr( "transform", "translate(" + margin.left / 2 + "," + size.height / 2 + ")rotate(-90)" ) .style("text-anchor", "middle") .attr('font-size', "14") .attr('fill', "#eee") .text("Kilométrage / habitant"); svg .append("text") .attr( "transform", "translate(" + width / 2 + "," + (size.height - 10) + ")" ) .style("text-anchor", "middle") .attr('font-size', "14") .attr('fill', "#eee") .text("Superficie de la commune en km²"); svg.selectAll(".tick text").attr("fill", "#eee"); svg.selectAll(".tick line").attr("stroke", "#eee"); svg.selectAll(".domain").attr("stroke", "#eee"); return svg.node(); }4b:T677,tooltip = { chart; const tooltip = d3 .select('body') .append('div') .attr('class', 'tooltip') .style('position', 'absolute') .style('visibility', 'hidden') .text('valeur'); d3.selectAll("circle") .on("mouseover", function() { d3.select(this) .transition() .attr('r', 4); }) /*.on("mousemove", function() { return tooltip.style("visibility", "visible"); })*/ .on("mousemove", function(e, d) { return tooltip .html( `\ Commune : ${d.CODGEO} ${d.commune}
\ Nombre d\habitants : ${d['population']}
\ Total motorway en km : ${d3.format(".1f")(d.motorway)}
\ Total trunk en km : ${d3.format(".1f")(d.trunk)}
\ Total primary en km : ${d3.format(".1f")(d.primary)}
\ Total secondary en km : ${d3.format(".1f")(d.secondary)}
\ Total tertiary en km : ${d3.format(".1f")(d.tertiary)}
\ Total residential en km : ${d3.format(".1f")(d.residential)}
\ Total service en km : ${d3.format(".1f")(d.service)}
\ Total unclassified en km : ${d3.format(".1f")(d.unclassified)}
\ ` ) .style("top", e.pageY - 10 + "px") .style("left", e.pageX + 20 + "px") .style("visibility", "visible"); }) .on("mouseout", function() { d3.select(this) .transition() .attr("r", 1); // .attr('r', d => (d.dep == dept ? 3 : 1.5)); return tooltip.html(``).style("visibility", "hidden"); }); // .on("click", function(d) { window.open(d.URL); }) }4c:T82d,row_chart = { const height = width * 0.4; const svg = d3.select(DOM.svg(width, height)); const background = svg .append('rect') .attr('width', width) .attr('height', height) .attr('fill', '"black"'); const margin = { top: 60, right: 100, bottom: 10, left: 280 }; var x = d3 .scaleLinear() .domain([0, d3.max(data_sum, d => d.sum)]) .range([margin.left, width - margin.right]); var y = d3 .scaleBand() .domain(data_sum.map(d => d.type)) .range([margin.top, height - margin.bottom]) .padding(0.1); var xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(x).ticks(width / 80)) .call(g => g.select(".domain").remove()); var yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).tickSizeOuter(0)); var format = x.tickFormat(20); var format = d3.format(".0f"); var format_pourcent = d3.format(".1f"); svg .append("g") .selectAll("rect") .data(data_sum) .join("rect") .attr("x", x(0)) .attr("y", d => y(d.type)) .attr("fill", 'lightgrey') .attr("width", d => x(d.sum) - x(0)) .attr("height", y.bandwidth()); svg .append("g") .attr("fill", "white") .attr("text-anchor", "start") .style("font", "20px sans-serif") .selectAll("text") .data(data_sum) .join("text") .attr("x", d => x(d.sum)) .attr("y", d => y(d.type) + y.bandwidth() / 2) .attr('fill', '#999') .attr("dy", "0.35em") .attr("dx", "0.35em") .text(function(d, i) { return d3.format(".0f")(d.sum) + ' km'; }); svg .append("g") .append("text") .attr("class", "xlabel") .attr("y", 0) .attr("x", width / 2) .attr("dy", "1.8em") .style("font", "18px sans-serif ") .style("fill", "#f88502") .style("text-anchor", "middle") .text('Kilométrage des routes - ' + territoire(select_dept)); /* svg.append("g") .call(xAxis); */ svg .append("g") .attr("class", "axisColor") .call(yAxis); return svg.node(); }4d:[{"id":"2430a9867d4ac92d0cffcfe0613e696913d064cccd6e1226f175fcf922eadd3a18cd50cc22732218a4a4e894feff03ae79d3d1ee9591015c05bacf0fbe20f2b0","href":"https://static.observableusercontent.com/files/2430a9867d4ac92d0cffcfe0613e696913d064cccd6e1226f175fcf922eadd3a18cd50cc22732218a4a4e894feff03ae79d3d1ee9591015c05bacf0fbe20f2b0","name":"km_routes_communes_occ_2.csv","type":"text/csv","lastModified":1618040501605.417,"size":725098}] 46:{"id":"44251c632fdc9f27","slug":"scatterplot-routes-en-occitanie-v2-0","title":" Scatterplot routes en occitanie V2.0","thumbnail":"a980f5de93c7108fd6a20bafa7ed80abbc52825bb56aac59ddbcebace52f0359","access_level":"public","create_time":"$D2021-04-10T07:14:11.041Z","update_time":"$D2021-04-12T13:11:04.480Z","view_time":null,"first_public_time":"$D2021-04-11T12:25:08.316Z","has_unpublished_edits":null,"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","bio":"Data Analysis, Data Viz \nJavascript, python, QGIS, Tableau, illustrator...","following":false},"version":1055,"publish_version":1055,"role":null,"authored":false,"authors":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null,"bio":"Data Analysis, Data Viz \nJavascript, python, QGIS, Tableau, illustrator...","following":false}],"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":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":" Scatterplot routes en occitanie V2.0","cells":[{"id":4,"value":"paragraph1 = md`\n# Scatterplot routes en occitanie V2.0\n## en km/hab par commune et par type de routes (typologie OSM)\n\n---\nVoir annexe 1 pour plus d'information sur les données ^{[[1](#footnote1)]} \n\nVoir annexe 2 pour les autres références ^{[[2](#footnote2)]} \n\nVoir annexe 3 pour la to do list ^{[[3](#footnote3)]} \n\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"md`## INTERFACE UTILISATEUR \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"viewof select_valeur = select({\n title: \"\",\n description: \"Choisissez unun type de route (nomenclature OSM).\",\n options: [\n 'residential',\n 'secondary',\n 'service',\n 'tertiary',\n 'unclassified',\n 'primary',\n 'motorway',\n 'trunk',\n 'total_all_road'\n ],\n value: 'total_all_road'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":345,"value":"viewof select_dept = select({\n title: \"\",\n description:\n \"Choisissez un département d'occitanie. 0 = tous les départements.\",\n options: [\n { label: 'Occitanie', value: 0 },\n { label: 'Ariège', value: 9 },\n { label: 'Aude', value: 11 },\n { label: 'Aveyron', value: 12 },\n { label: 'Gard', value: 30 },\n { label: 'Haute-Garonne', value: 31 },\n { label: 'Gers', value: 32 },\n { label: 'Hérault', value: 34 },\n { label: 'Lot', value: 46 },\n { label: 'Lot et Garonne', value: 48 },\n { label: 'Hautes-Pyrénées', value: 65 },\n { label: 'Pyrénées Orientales', value: 66 },\n { label: 'Tarn', value: 80 },\n { label: 'Tarn et Garonne', value: 82 }\n ],\n value: 0\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"md`## OUTPUT \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":729,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"md`### GRAPHIQUE Echelle linéaire\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"md`#### Nuage de points\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"graph_svg = DOM.download(\n await serialize(chart),\n 'linearScale_scatterplot_occ_road_' + select_valeur + '.svg',\n 'Download linearScale_scatterplot_' + select_valeur + ' road as svg'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"graph_png = DOM.download(\n await rasterize(chart),\n 'linearScale_scatterplot_occ_road_' + select_valeur + '.png',\n 'Download linearScale_scatterplot_' + select_valeur + ' road as png'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":913,"value":"md`### GRAPHIQUE Echelle Log`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":401,"value":"md`#### Nuage de points\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":816,"value":"log_graph_svg = DOM.download(\n await serialize(chart),\n 'logScale_scatterplot_occ_road_' + select_valeur + '.svg',\n 'Download logScale_scatterplot_' + select_valeur + ' road as svg'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":818,"value":"log_graph_png = DOM.download(\n await rasterize(chart),\n 'logScale_scatterplot_occ_road_' + select_valeur + '.png',\n 'Download logScale_scatterplot_' + select_valeur + ' road as png'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":919,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1041,"value":"row_chart_svg = DOM.download(\n await serialize(row_chart),\n 'kilometrage_routes_' + territoire(select_dept) + '.svg',\n 'Download kilometrage_routes ' + territoire(select_dept) + ' as svg'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1046,"value":"row_chart_png = DOM.download(\n await rasterize(row_chart),\n 'kilometrage_routes_' + territoire(select_dept) + '.png',\n 'Download kilometrage_routes ' + territoire(select_dept) + ' as png'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"md`## DATA \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"raw_data = d3\n .csvParse(\n await FileAttachment(\"km_routes_communes_occ_2.csv\").text(),\n d3.autoType\n )\n .filter(d => d['Total population commune'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"data_road_type = raw_data.filter(d => d[select_valeur] != 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"data_ = {\n if (select_dept != \"0\") {\n return data_road_type.filter(d => +d['dept'] == select_dept);\n } else {\n return data_road_type;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":567,"value":"data = {\n return data_.map(d => {\n return {\n CODGEO: d.CODGEO,\n commune: d.commune_y,\n population: d['Total population commune'],\n superficie: d.superficie / 100,\n residential: d.residential,\n secondary: d.secondary,\n tertiary: d.tertiary,\n service: d.service,\n unclassified: d.unclassified,\n primary: d.primary,\n motorway: d.motorway,\n trunk: d.trunk,\n total_all_road: d.total_all_road\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"md`### TABLEAU DES DONNEES \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"printTable(data.slice(0, 2))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"md`## DATA TRAITEMENT \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"data_sum_ = ({\n Residential: +d3.format(\".0f\")(d3.sum(data.map(d => d.residential))),\n Secondary: +d3.format(\".0f\")(d3.sum(data.map(d => d.secondary))),\n Service: +d3.format(\".0f\")(d3.sum(data.map(d => d.service))),\n Tertiary: +d3.format(\".0f\")(d3.sum(data.map(d => d.tertiary))),\n Unclassified: +d3.format(\".0f\")(d3.sum(data.map(d => d.unclassified))),\n Primary: +d3.format(\".0f\")(d3.sum(data.map(d => d.primary))),\n Trunk: +d3.format(\".0f\")(d3.sum(data.map(d => d.trunk))),\n Motorway: +d3.format(\".0f\")(d3.sum(data.map(d => d.motorway))),\n all_road: +d3.format(\".0f\")(\n d3.sum(data.map(d => d.motorway)) +\n d3.sum(data.map(d => d.trunk)) +\n d3.sum(data.map(d => d.primary)) +\n d3.sum(data.map(d => d.unclassified)) +\n d3.sum(data.map(d => d.tertiary)) +\n d3.sum(data.map(d => d.service)) +\n d3.sum(data.map(d => d.secondary)) +\n d3.sum(data.map(d => d.residential))\n )\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":955,"value":"data_sum = {\n var temp = [];\n temp.push(\n {\n type: 'Residential',\n sum: data_sum_.Residential\n },\n {\n type: 'Secondary',\n sum: data_sum_.Secondary\n },\n {\n type: 'Service',\n sum: data_sum_.Service\n },\n {\n type: 'Tertiary',\n sum: data_sum_.Tertiary\n },\n {\n type: 'Unclassified',\n sum: data_sum_.Unclassified\n },\n {\n type: 'Primary',\n sum: data_sum_.Primary\n },\n {\n type: 'Trunk',\n sum: data_sum_.Trunk\n },\n {\n type: 'Motorway',\n sum: data_sum_.Motorway\n }\n );\n return temp.sort((a, b) => a.sum - b.sum);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"md`## CONFIGURATION \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"size = ({ width: width, height: 600 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"margin = ({ top: 25, right: 80, bottom: 50, left: 100 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"xScale = d3\n .scaleLog()\n .domain(d3.extent(data, d => d['superficie']))\n .range([margin.left, size.width - margin.right])\n .nice()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"xScale_lin = d3\n .scaleLinear()\n .domain(d3.extent(data, d => d['superficie']))\n .range([margin.left, size.width - margin.right])\n .nice()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"yScale = d3\n .scaleLog()\n //.domain([0.001, d3.max(data.map(d => d[select_valeur] / d.population))])\n .domain(d3.extent(data.map(d => d[select_valeur] / d.population)))\n .range([size.height - margin.bottom, margin.top])\n .nice()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":374,"value":"yScale_lin = d3\n .scaleLinear()\n .domain([0, d3.max(data.map(d => d[select_valeur] / d.population))])\n .range([size.height - margin.bottom, margin.top])\n .nice()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"xAxis = d3.axisBottom(xScale).ticks(10, \"~s\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"xAxis_lin = d3.axisBottom(xScale_lin)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"yAxis = d3.axisLeft(yScale).ticks(10, \"~s\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"yAxis_lin = d3.axisLeft(yScale_lin)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":735,"value":"color_legend = d3\n .scaleOrdinal([\"#ec7014\", \"#fec44f\", \"#993404\"])\n .domain(domains)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"domains = [\n \"Population commune <250 habitants\",\n \"Population commune >=250 et <= 2000 habitants\",\n \"Population commune >2000 habitants\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1026,"value":"territoire = d3\n .scaleOrdinal()\n .domain([0, 9, 11, 12, 30, 31, 32, 34, 46, 48, 65, 66, 80, 82])\n .range([\n 'Occitanie',\n 'Ariège',\n 'Aude',\n 'Aveyron',\n 'Gard',\n 'Haute-Garonne',\n 'Gers',\n 'Hérault',\n 'Lot',\n 'Lot et Garonne',\n 'Hautes-Pyrénées',\n 'Pyrénées Orientales',\n 'Tarn',\n 'Tarn et Garonne'\n ])\n .unknown(\"\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":882,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"md`## LIBRAIRIES\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"import { select, color, radio, slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"d3 = require(\"d3\", \"d3-regression\")\n/*d3 = require.alias({\n \"d3-array\": \"d3-array@2\",\n \"d3-axis\": \"d3-axis@1\",\n \"d3-regression\": \"d3-regression@1\",\n \"d3-scale\": \"d3-scale@3\",\n \"d3-shape\": \"d3-shape@1\",\n \"d3-selection\": \"d3-selection@1\"\n})(\n \"d3-array\",\n \"d3-axis\",\n \"d3-regression\",\n \"d3-scale\",\n \"d3-shape\",\n \"d3-selection\"\n)*/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"import { printTable } from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"import { rasterize, serialize } from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"md`## INFORMATIONS & REFERENCES \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"footnote = (referencingCellName, number, text) => {\n return html`

^ ${text}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"footnote1 = footnote(\"paragraph1\", 1, \"ANNEXE 1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"md`Ce jeu de données a été publié le 21 juin 2014 et mis à jour le 24 juin 2014 à l'initiative et sous la responsabilité de Christian Quest . Jeu de données produit à partir des données OpenStreetMap dans le cadre du hackathon du Ministère de l'Intérieur de Juin 2014.\n\n\nhttps://www.data.gouv.fr/fr/datasets/kilometrage-des-types-de-routes-repartis-par-communes/\n\nCe fichier avait été intégré dans le dataset de l’hackaviz 2018 :\n\nhttp://toulouse-dataviz.fr/concours-hackaviz-2018\n\nPréparation des données \nJUPYTER_NOTEBOOK\\HACKAVIZ-2018\\HACHAVIZ_2018_AJOUT _DATA_DANS_FICHIER_commune_geometry2D.geojson_FORMAT_ CSV.ipynb\n\nLa preparation consiste essentiellement à regrouper sur une ligne tous les attributs de chaque commune et d'ajouter les données populations des communes. \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"footnote2 = footnote(\"paragraph1\", 2, \"ANNEXE 2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"//","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"footnote3 = footnote(\"paragraph1\", 3, \"ANNEXE 3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 47:"$46:body"