2f:T6ee,plot3 = { let map = viz.create({ domain: [france], projection: d3.geoConicConformal().center([2.454071, 46.279229]).scale(2800), zoomable: true, width: 0.8*width, margin: [40,40,0,0] }); map.path({datum: france, fill: "#7dddb1", stroke:"transparent", strokeWidth:0.1, }); map.path({datum: aa2, fill: "#f1f1f1", stroke:"#414141", strokeWidth:0.1, }); const data = aires.features.map((d) => d.properties.rang); map.path({ data: france, fill: "transparent", stroke:"#414141", strokeWidth: .5 }); const choro = viz.tool.choro(data, { //method: "quantile", breaks: [1,10,20,30,40,50, 60], colors: ["#e3ebff","#91b0ff","#3e75ff","#0042eb","#002ea4", "#001a5c"], //colors: ["#ffdddc","#ff8983", "#ff564e", "#e90b00"] }); map.path({ data: aires, fill: (d) => choro.colorize(d.properties.rang), fillOpacity: 0.8, tip: "Aire : $libaa2020\n$attractif\nRang d'ICF: $rang\nICF : $icf", tipstyle: { fontSize: 14, background: "#fafafa", fontFamily: "Poppins", stroke: "black", strokeWidth: 1, fontWeight: "normal", fontSize: 17, textDecoration: "none", overFill: (d) => choro.colorize(d.properties.rang), overOpacity: .5, overStroke: "#414141", overStrokeOpacity: 1, overStrokeWidth: .7, raise: true }, stroke: "black", strokeWidth: 0.3, filter: map.effect.shadow({ stdDeviation: 1.2, fill: "black", fillOpacity: .8, dx: 1, dy: 1 }), }); return map.render(); // we render the container }30:T56e,boxPlot3 = htl.html `

${legend} ${legend2} ${plot3}

`31:T817,32:[{"id":"185461ec28cfa8495a5485d080858ae812a0f32b3697cb0a6b8bfaf80cc5be3061de62220834275cc5e895325a61b8025027cf5200e39a64eb8254b8ed50dbe0","href":"https://static.observableusercontent.com/files/185461ec28cfa8495a5485d080858ae812a0f32b3697cb0a6b8bfaf80cc5be3061de62220834275cc5e895325a61b8025027cf5200e39a64eb8254b8ed50dbe0","name":"aa.json","type":"application/json","lastModified":1772012147204.572,"size":963493},{"id":"d3d90584cdad138552a18f9156e24f3fcf5c957184282b9e71a3689f7b42d1174df4f037d79f713259e44f23caa564158ca5ac52304a52ddb5f1a0922e72f186","href":"https://static.observableusercontent.com/files/d3d90584cdad138552a18f9156e24f3fcf5c957184282b9e71a3689f7b42d1174df4f037d79f713259e44f23caa564158ca5ac52304a52ddb5f1a0922e72f186","name":"aires_attractions.csv","type":"text/csv","lastModified":1772012147204.572,"size":21888},{"id":"5d162d8ac88d49cd33a9159873a5b9144978f71463b7dc30b8afde03b1126971e14fc9bb161b5232a6b3a07737536639132221ff2456d6f6bf4537cb02a4e23a","href":"https://static.observableusercontent.com/files/5d162d8ac88d49cd33a9159873a5b9144978f71463b7dc30b8afde03b1126971e14fc9bb161b5232a6b3a07737536639132221ff2456d6f6bf4537cb02a4e23a","name":"a_dep_topo.json","type":"application/json","lastModified":1772012147204.572,"size":630781},{"id":"5697184a4d0aef8dd7643a5aaa8a6b5543d6305ad4156992047fcfae8648e5b97a48c0feca2b7135b246f1ef5e7f34e5d73bad3dee85d1591db1e61634b60c30","href":"https://static.observableusercontent.com/files/5697184a4d0aef8dd7643a5aaa8a6b5543d6305ad4156992047fcfae8648e5b97a48c0feca2b7135b246f1ef5e7f34e5d73bad3dee85d1591db1e61634b60c30","name":"france.json","type":"application/json","lastModified":1772012147204.572,"size":203481}] 2d:{"title":"Fécondité dans les zônes urbaines","cells":[{"id":0,"value":"# Fécondité dans les zônes urbaines","pinned":false,"hidden":false,"mode":"md"},{"id":231,"value":"Tiré de la note de conjoncture 2025 de l'Ined","pinned":false,"hidden":false,"mode":"md"},{"id":499,"value":"pal100 = [\n \"#ff564e\", //rouge 0\n \"#ff7aad\", //rose 1\n \"#522673\", //mauve 2 \n \"#0042eb\", //bleu 3\n \"#5cd49e\", //vert 4 \n \"#ffb322\", //jaune 5\n \"#4f4f4f\", //gray 6\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":313,"value":"fondAa = FileAttachment(\"aa.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":465,"value":"airemesh = topojson.mesh(fondAa, fondAa.objects.aa, (a, b) => a !== b)","pinned":true,"hidden":false,"mode":"ojs"},{"id":314,"value":"aa = topojson.feature(fondAa, fondAa.objects.aa);","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"df = FileAttachment(\"aires_attractions.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"df2 = df.map(d=> ({\nultramarin: d.ultramarin,\naa2020: d.aa2020,\nlibaa2020: d.libaa2020, \nicf: d.icf!= \"\" ? +d.icf : null,\nrang: d.rang!= \"\" ? +d.rang : null ,\nattractif: d.attractif \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"df3 = df2.filter(d=> checkbox2.includes(d.attractif) && icf!=\"\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"X = aa3.features.filter(d=> d.properties.ultramarin==\"\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"icf = new Map((df2.map(d => [d.aa2020, +d.rang])))","pinned":false,"hidden":false,"mode":"ojs"},{"id":284,"value":"a_dep_topo = FileAttachment(\"a_dep_topo.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":378,"value":"maxR = d3.max(df3,d=> d.rang)","pinned":false,"hidden":false,"mode":"ojs"},{"id":382,"value":"minR = d3.min(df3,d=> d.rang)","pinned":false,"hidden":false,"mode":"ojs"},{"id":387,"value":"aireMin = df3.filter(d=> d.rang == minR)","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"aireMax = df3.filter(d=> d.rang == maxR)","pinned":false,"hidden":false,"mode":"ojs"},{"id":397,"value":"minIndex = aireMin[d3.minIndex(aireMin, d => d.libaa2020)]","pinned":false,"hidden":false,"mode":"ojs"},{"id":432,"value":"maxIndex = aireMax[d3.maxIndex(aireMax, d => d.libaa2020)]","pinned":false,"hidden":false,"mode":"ojs"},{"id":401,"value":"labMin = minIndex.libaa2020","pinned":false,"hidden":false,"mode":"ojs"},{"id":434,"value":"labMax = maxIndex.libaa2020","pinned":false,"hidden":false,"mode":"ojs"},{"id":406,"value":"attractMin = minIndex.attractif","pinned":false,"hidden":false,"mode":"ojs"},{"id":437,"value":"attractMax = maxIndex.attractif","pinned":false,"hidden":false,"mode":"ojs"},{"id":409,"value":"icfMin = minIndex.icf","pinned":false,"hidden":false,"mode":"ojs"},{"id":439,"value":"icfMax = maxIndex.icf","pinned":false,"hidden":false,"mode":"ojs"},{"id":233,"value":"Rang d'Icf","pinned":false,"hidden":false,"mode":"md"},{"id":415,"value":"html`Meilleur rang (${minR}): ${labMin}, aire ${attractMin} avec un Icf de ${icfMin}` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"Plus mauvais rang (${maxR}): ${labMax}, aire ${attractMax} avec un icf de ${icfMax}","pinned":false,"hidden":false,"mode":"html"},{"id":28,"value":"merge = viz.tool.merge({ \n geom: aa,\n geom_id: \"aav2020\",\n data:df3,\n data_id: \"aa2020\" \n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":37,"value":"aa2= merge.featureCollection","pinned":true,"hidden":false,"mode":"ojs"},{"id":707,"value":"aires = viz.tool.featurecollection(\n aa3.features.filter((d) =>\n d.properties.ultramarin==\"\" && d.properties.icf!=\"\")\n )\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"france = FileAttachment(\"france.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":217,"value":"merge2 = viz.tool.merge({\n geom: aa,\n geom_id: \"aav2020\",\n data:df3,\n data_id: \"aa2020\" \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":219,"value":"aa3= merge2.featureCollection","pinned":true,"hidden":false,"mode":"ojs"},{"id":712,"value":"viewof checkbox2 = Inputs.checkbox([\"Attractive\", \"Plutôt attractive\", \"Plutôt non attractive\", \"Non attractive\"], {label: \"Type d'aires :\", value: [\"Attractive\", \"Plutôt attractive\", \"Plutôt non attractive\", \"Non attractive\"]})","pinned":false,"hidden":false,"mode":"ojs"},{"id":828,"value":"legend = Plot.legend({className:\"legend\", swatchWidth: 30, swatchHeight:4, stroke: \"black\", columns: 1, color: { domain: [\"hors zône attractive\", \"Zône attractive non traitée\"], range: [\"#7dddb1\", \"#f1f1f1\"]}})","pinned":true,"hidden":false,"mode":"ojs"},{"id":845,"value":"legend2 = viz.legend.choro_horizontal({\n title: \"Rang d'ICF\",\n breaks: [1,10,20,30,40,50, 60],\n colors: [\"#e3ebff\",\"#91b0ff\",\"#3e75ff\",\"#0042eb\",\"#002ea4\", \"#001a5c\"],\n values_fill: \"#222330\",\n values_round: 1,\n rect_height: 20,\n rect_spacing: 2,\n rect_opacity: 0.95,\n missing: false\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":568,"value":"## Avec GEOVIZ","pinned":false,"hidden":false,"mode":"md"},{"id":570,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":877,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":558,"value":"### fonctions et css","pinned":false,"hidden":false,"mode":"md"},{"id":563,"value":"viz = require(\"geoviz@0.9.4\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":566,"value":"geo = require(\"geotoolbox@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":463,"value":"$31","pinned":false,"hidden":false,"mode":"html"}],"files":"$W32","stdlib":"1","titling":"auto"}