2f:Tab2,plot3 = { let map = viz.create({ domain: [france], projection: d3.geoConicConformal().center([2.454071, 46.279229]).scale(2800), zoomable: true, control: width>600 ? [50,300] : width>500 ? [40,200] : [25,150], width: width>1000 ? 700 : width>600 ? 600: width>500 ? 450 : 300, margin: [10,30,0,0] }); map.path({datum: france, fill: "#7dddb1", stroke:"transparent", strokeWidth:0.1, }); map.path({datum: aa3, fill: "#f1f1f1", stroke:"#414141", strokeWidth:0.1, }); map.path({ data: france, fill: "transparent", stroke:"#414141", strokeWidth: .5 }); const data1 = aires1.features.map((d) => d.properties.attractif1); const data2 = aires2.features.map((d) => d.properties.attractif2); const choro1 = viz.tool.choro(data1, { breaks: [0,1.5,2.5,3], colors: ["#91b0ff","#0042eb", "transparent"], }); const choro2 = viz.tool.choro(data2, { breaks: [0,1.5,2.5,3], colors: ["#ff9a95",pal100[0],"transparent"], }); map.path({ data: aires1, fill: d=>choro1.colorize(d.properties.attractif1), fillOpacity: 0.8, tip: "Zône : $libaa2020\n$attractif\nICF : $icf", tipstyle: { fontSize: 14, background: "#fafafa", fontFamily: "Poppins", stroke: "black", strokeWidth: 1, fontWeight: "normal", textDecoration: "none", overFill: "transparent", overOpacity: .5, overStroke: "#414141", overStrokeOpacity: 1, overStrokeWidth: .7, raise: false }, stroke: "black", strokeWidth: 0.3, filter: map.effect.shadow({ stdDeviation: 1, fill: "#414141", fillOpacity: .8, dx: 1, dy: 1 }), }); map.path({ data: aires2, fill: d=>choro2.colorize(d.properties.attractif2), fillOpacity: .8, tip: "Area : $libaa2020\n$attractif\nTFR : $icf", tipstyle: { fontSize: 14, background: "#fafafa", fontFamily: "Poppins", stroke: "black", strokeWidth: 0, fontWeight: "normal", textDecoration: "none", overFill: "transparent", overOpacity: .5, overStroke: "#414141", overStrokeOpacity: 1, overStrokeWidth: .7, raise: false }, stroke: "black", strokeWidth: 0.3, filter: map.effect.shadow({ stdDeviation: 1, fill: "#414141", fillOpacity: .8, dx: 1, dy: 1 }), }); return map.render(); // we render the container }30:Ted1,boxPlotGraph3 = htl.html `

${legend}

Attractiveness to families:

${legendb} ${plot3}

TFR: Total Fertility Rate

Scope: Areas with at least 200,000 inhabitants.

Source: Insee, population census 2021.

`31:T8e8,32:[{"id":"185461ec28cfa8495a5485d080858ae812a0f32b3697cb0a6b8bfaf80cc5be3061de62220834275cc5e895325a61b8025027cf5200e39a64eb8254b8ed50dbe0","href":"https://static.observableusercontent.com/files/185461ec28cfa8495a5485d080858ae812a0f32b3697cb0a6b8bfaf80cc5be3061de62220834275cc5e895325a61b8025027cf5200e39a64eb8254b8ed50dbe0","name":"aa.json","type":"application/json","lastModified":1780468091022.964,"size":963493},{"id":"197ba722f376702347f82727465987f743f03e0e340eb85a48c40131284dac55ed64027e04a337d7e9087d795767760387bda052be347ae1f23fd80e45bbe118","href":"https://static.observableusercontent.com/files/197ba722f376702347f82727465987f743f03e0e340eb85a48c40131284dac55ed64027e04a337d7e9087d795767760387bda052be347ae1f23fd80e45bbe118","name":"aires_attractions@3.csv","type":"text/csv","lastModified":1780468091022.964,"size":25015},{"id":"5697184a4d0aef8dd7643a5aaa8a6b5543d6305ad4156992047fcfae8648e5b97a48c0feca2b7135b246f1ef5e7f34e5d73bad3dee85d1591db1e61634b60c30","href":"https://static.observableusercontent.com/files/5697184a4d0aef8dd7643a5aaa8a6b5543d6305ad4156992047fcfae8648e5b97a48c0feca2b7135b246f1ef5e7f34e5d73bad3dee85d1591db1e61634b60c30","name":"france.json","type":"application/json","lastModified":1780468091022.964,"size":203481},{"id":"eec78a5d02080c6579ffd558b1d45fc0649500e76cf4725032b4db73769090d755f2a235593053abb4f1dcbe8b627422d503e1b2fa5381cc8c4f4b981e6dfd2a","href":"https://static.observableusercontent.com/files/eec78a5d02080c6579ffd558b1d45fc0649500e76cf4725032b4db73769090d755f2a235593053abb4f1dcbe8b627422d503e1b2fa5381cc8c4f4b981e6dfd2a","name":"aires_attractions.csv","type":"text/csv","lastModified":1780468123481.432,"size":35323}] 2d:{"title":"Fertility in large urban areas EN (24020)","cells":[{"id":0,"value":"# Fertility in large urban areas EN (24020)","pinned":false,"hidden":false,"mode":"md"},{"id":231,"value":"Tiré de la note de conjoncture 2025 de l'Ined \n\n","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":false,"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.attractifEn,\nattractif1: d.attractNum1!= \"\" ? +d.attractNum1 : null ,\nattractif2: d.attractNum2!= \"\" ? +d.attractNum2 : null , \ntype: d.type!= \"\" ? +d.type : null , \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"df3 = df2.filter(d=> d.icf!=\"\")","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 )","pinned":false,"hidden":false,"mode":"ojs"},{"id":1104,"value":"aires1 = viz.tool.featurecollection( aa3.features.filter((d) => d.properties.type===1))\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1143,"value":"aires2 = viz.tool.featurecollection( aa3.features.filter((d) => d.properties.type===2))","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"france = FileAttachment(\"france.json\").json()","pinned":false,"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":false,"hidden":false,"mode":"ojs"},{"id":828,"value":"legend = Plot.legend({className:\"legend\", swatchWidth: 18, swatchHeight:13, stroke: \"black\", columns: 1, color: { domain: [\"Outside attractive areas\", \"Small attractive areas (off-scope)\"], range: [\"#7dddb1\", \"#f1f1f1\"]}})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1179,"value":"legendb = Plot.legend({className:\"legend\", swatchWidth: 18, swatchHeight:13, stroke: \"black\", columns:width>900? 2 : 1, color: { domain: [ \"Attractive\", \"Fairly attractive\", \"Fairly unattractive\", \"Unattractive\"], range: [pal100[3], \"#91b0ff\", \"#ff9a95\",pal100[0]]}})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1348,"value":"##### Carte","pinned":false,"hidden":false,"mode":"md"},{"id":570,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":879,"value":"$30","pinned":false,"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"},{"id":1351,"value":"const x= 1\nconst y =2","pinned":true,"hidden":false,"mode":"js"},{"id":1352,"value":"x","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}