31:Tb77,MAP = { const h = 800; const w = 800; const context = DOM.context2d(w, h), projection = d3 .geoAzimuthalEqualArea() .rotate([-2.9, -46.4]) .translate([w / 2, h / 2]) .scale(w * 4), path = d3.geoPath(projection).context(context); const radius = 1; const trailLength = 15; const colorP = d3.scaleSequential([trailLength, 0], d3.interpolateYlOrRd); const colorN = d3.scaleSequential([trailLength, 0], d3.interpolateGreens); const alpha = 0.5; const circosExtDr = circos.features.filter( (d) => d.properties.evolutionExtDr > -0.02 ); const circosNoExtDr = circos.features.filter( (d) => d.properties.evolutionExtDr <= -0.02 ); const particles = Array(circosExtDr.length); for (let i = 0; i < circosExtDr.length; i++) { const circo = circosExtDr[i]; const initialSpeed = circo.properties.evolutionExtDr * 20; const color = initialSpeed < 0 ? colorN : colorP; let [x, y] = projection(circo.geometry.coordinates); let vx = 0, vy = -initialSpeed; const trajectory = Array(trailLength); for (let j = 0; j < trailLength; j++) { trajectory[j] = [x, y]; vx += 0.1 * initialSpeed * (Math.random() - 0.5) - 0.01 * vx; vy += 0.1 * initialSpeed * (Math.random() - 0.5) - 0.01 * vy; x += vx; y += vy; } particles[i] = { color, trajectory, head: Math.floor(Math.random() * 2 * trailLength) }; } while (true) { context.clearRect(0, 0, w, h); // fond France context.fillStyle = "#fcfcfc"; context.strokeStyle = "#888"; context.beginPath(); path(metropole.fra); context.fill(); context.stroke(); // limites départementales context.strokeStyle = "#eee"; context.beginPath(); path(metropole.dep); context.stroke(); // limites régionales context.strokeStyle = "#ccc"; context.beginPath(); path(metropole.reg); context.stroke(); context.save(); context.lineWidth = radius * 2; context.globalAlpha = alpha; for (let i = 0; i < particles.length; ++i) { const p = particles[i]; p.head = (p.head + 1) % (2 * trailLength); const start = Math.max(p.head - trailLength, 0); const end = Math.min(p.head, trailLength - 1); for (let j = start; j < end - 1; ++j) { context.beginPath(); context.moveTo(...p.trajectory[j]); context.lineTo(...p.trajectory[j + 1]); context.strokeStyle = p.color(p.head - 1 - j); context.stroke(); } } context.restore(); // this is fine const imW = 32; const imH = (thisisfine.height / thisisfine.width) * imW; for (let i = 0; i < circosNoExtDr.length; i++) { const [x, y] = projection(circosNoExtDr[i].geometry.coordinates); context.drawImage(thisisfine, x - imW / 2, y - imH / 2, imW, imH); } annotations(context); yield context.canvas; } }32:T66f,diff2022_2024 = { const circos2022 = new Set(resultats2022ParCirco.map((d) => d.circo)); const circos2024 = new Set(r2024.map((d) => d.circo)); const circos = circos2022.intersection(circos2024); const r2022ParCirco = d3.group( resultats2022ParCirco.filter((d) => circos.has(d.circo)), (d) => d.circo ); const r2024ParCirco = d3.group( r2024.filter((d) => circos.has(d.circo)), (d) => d.circo ); return Array.from(circos) .map((circo) => { const r2022 = r2022ParCirco.get(circo); const nuances2022 = r2022.map(({ nuance, voix }) => ({ nuance, voix })); const extdr2022 = d3.sum( nuances2022.filter((d) => nuancesExtremeDroite.has(d.nuance)), (d) => d.voix ); const r2024 = r2024ParCirco.get(circo); const nuances2024 = r2024.map(({ nuance, voix }) => ({ nuance, voix })); const extdr2024 = d3.sum( nuances2024.filter((d) => nuancesExtremeDroite.has(d.nuance)), (d) => d.voix ); const weird = (r2024[0].inscrits - r2022[0].inscrits) / (r2024[0].inscrits + r2022[0].inscrits) > 0.3; return { weird, circo, r2022: { inscrits: r2022[0].inscrits, exprimes: r2022[0].exprimes, nuances: nuances2022, extdr: extdr2022 }, r2024: { inscrits: r2024[0].inscrits, exprimes: r2024[0].exprimes, nuances: nuances2024, extdr: extdr2024 }, evolutionExtDr: extdr2024 / r2024[0].exprimes - extdr2022 / r2022[0].exprimes }; }) .filter((d) => !d.weird); }33:[{"id":"4396a44cafa613ca0415eeec3e7a9a3acd02d3cd27b3898c548e456e41afe51dc5a101348843f342c776ceaa4ec960233f674cfa4fcbfc931dfc2713fcdec923","href":"https://static.observableusercontent.com/files/4396a44cafa613ca0415eeec3e7a9a3acd02d3cd27b3898c548e456e41afe51dc5a101348843f342c776ceaa4ec960233f674cfa4fcbfc931dfc2713fcdec923","name":"2022-bureaux_vote_30032022.csv","type":"text/csv","lastModified":1720098635098.176,"size":6967492},{"id":"ca7e06bfb22eaa6f75b78efccf4d684b0d157a3e5b8aa0067efcb931f3dc5c587ffa7a7f73e637e0ccda3c901c4867cb6a459aac534ab6762b84535c88f7a9ab","href":"https://static.observableusercontent.com/files/ca7e06bfb22eaa6f75b78efccf4d684b0d157a3e5b8aa0067efcb931f3dc5c587ffa7a7f73e637e0ccda3c901c4867cb6a459aac534ab6762b84535c88f7a9ab","name":"thisisfine.png","type":"image/png","lastModified":1720109048273.185,"size":18396}] 2f:{"title":"Hausse de l'extrême droite aux législatives (premier tour 2022 - 2024)","cells":[{"id":0,"value":"# Hausse de l'extrême droite aux législatives (premier tour 2022 - 2024)\n","pinned":false,"hidden":false,"mode":"md"},{"id":59,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":348,"value":"function annotations(context) {\n const dpr = window.devicePixelRatio;\n const h = context.canvas.height / dpr;\n const w = context.canvas.width / dpr;\n\n const left = 10;\n const top = h - 80;\n\n context.font = \"12px serif\";\n context.fillStyle = \"#666\";\n context.fillText(\"Élections législatives 2022 et 2024, tour 1\", left, top);\n\n context.font = \"16px serif\";\n context.fillStyle = \"black\";\n context.fillText(\"L'extrême droite a progressé partout\", left, top + 20);\n\n context.font = \"10px serif\";\n context.fillStyle = \"#666\";\n context.fillText(\n \"Dans toutes les circonscriptions, l'extrême droite a progressé. Sauf 3, où le Rassemblement National\",\n left,\n top + 40\n );\n context.fillText(\n \"et ses alliés n'ont pas présenté de candidats. Désolé, je n'ai fait que la métropole, et il manque aussi\",\n left,\n top + 52\n );\n context.fillText(\"la Corse.\", left, top + 64);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":631,"value":"circos.features\n .filter((d) => d.properties.evolutionExtDr <= -0.02)\n .map((d) => diff2022_2024LU.get(d.properties.id_circo))","pinned":true,"hidden":false,"mode":"ojs"},{"id":226,"value":"barHeight = d3.scaleLinear(evolutionExtDrDomain, [30, -30])","pinned":false,"hidden":false,"mode":"ojs"},{"id":219,"value":"color = d3.scaleQuantize(evolutionExtDrDomain, [\n d3.interpolatePiYG(0),\n d3.interpolatePiYG(1)\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":278,"value":"evolutionExtDrDomain = {\n const limit = Math.max(-evolutionExtDrExtent[0], evolutionExtDrExtent[1]);\n return [-limit, limit];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"evolutionExtDrExtent = d3.extent(\n circos.features,\n (d) => d.properties.evolutionExtDr\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"circos = ({\n ...circo_ctr,\n features: circo_ctr.features\n .filter(\n (d) =>\n diff2022_2024LU.has(d.properties.id_circo) && +d.properties.dep < 100\n )\n .map((d) => {\n d.properties.evolutionExtDr = diff2022_2024LU.get(\n d.properties.id_circo\n ).evolutionExtDr;\n return d;\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"import { circo_ctr } from \"@neocartocnrs/mefiez-vous-des-cartes-electorales\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":101,"value":"metropole = {\n // je n'ai pas les points des circonscriptions hors-métropole\n const geometryCollection = {\n ...a_dep_topo.objects.a_dep2021_topo,\n geometries: a_dep_topo.objects.a_dep2021_topo.geometries.filter(\n (d) => +d.properties.dep < 100 || [\"2A\", \"2B\"].includes(d.properties.dep)\n )\n };\n return {\n fra: topojson.mesh(a_dep_topo, geometryCollection, (a, b) => a === b),\n dep: topojson.mesh(a_dep_topo, geometryCollection, (a, b) => a !== b),\n reg: topojson.mesh(\n a_dep_topo,\n geometryCollection,\n (a, b) => a.properties.reg !== b.properties.reg\n )\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"import { a_dep_topo } from \"@ericmauviere/format-topologique-topojson\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"france = (\n await fetch(\n \"https://raw.githubusercontent.com/gregoiredavid/france-geojson/master/departements-version-simplifiee.geojson\"\n )\n).json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":588,"value":"diff2022_2024LU = d3.index(diff2022_2024, (d) => d.circo)","pinned":false,"hidden":false,"mode":"ojs"},{"id":569,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":464,"value":"bureauToCirco2022 = {\n const data = await FileAttachment(\"2022-bureaux_vote_30032022.csv\").tsv();\n\n return new Map(\n data.map((d) => [\n d.commune_code.padStart(5, \"0\") +\n \"_\" +\n d.code_normalise_complet.padStart(4, \"0\"),\n d.circonscription_code.replace(\"-\", \"\")\n ])\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":539,"value":"resultats2022ParCirco = d3\n .rollups(\n resultats2022ParBuro,\n (v) => ({\n inscrits: d3.sum(v, (d) => d.inscrits),\n exprimes: d3.sum(v, (d) => d.exprimes),\n voix: d3.sum(v, (d) => d.voix)\n }),\n\n (d) => bureauToCirco2022.get(d.buro),\n (d) => d.nuance\n )\n .flatMap(([circo, r]) =>\n r.flatMap(([nuance, d]) => ({ circo, nuance, ...d }))\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":466,"value":"resultats2022ParBuro = d3\n .rollups(\n resultats2022,\n (v) => {\n const inscrits = d3.sum(v, (d) =>\n Math.round((d.voix / d.ratio_voix_inscrits) * 100)\n );\n const exprimes = d3.sum(v, (d) =>\n Math.round((d.voix / d.ratio_voix_exprimes) * 100)\n );\n const voix = d3.sum(v, (d) => d.voix);\n return {\n voix,\n inscrits,\n exprimes\n //ratioExprimes: voix / exprimes,\n //ratioInscrits: voix / inscrits\n };\n },\n (d) => d.id_brut_miom,\n //(d) => bureauToCirco2022.get(d.id_brut_miom),\n (d) => d.nuance\n )\n .flatMap(([buro, r]) => {\n const inscrits = d3.median(r, (d) => d[1].inscrits);\n const exprimes = d3.median(r, (d) => d[1].exprimes);\n return r.flatMap(([nuance, v]) => ({\n buro,\n inscrits,\n exprimes,\n nuance,\n voix: v.voix\n }));\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":455,"value":"resultats2022.filter((d) => nuancesExtremeDroite.has(d.nuance))","pinned":true,"hidden":false,"mode":"ojs"},{"id":435,"value":"-- SELECT id_brut_miom,Nuance, Voix, \"% Voix/Ins\", \"% Voix/Exp\" FROM read_parquet(\"https://object.files.data.gouv.fr/data-pipeline-open/prod/elections/candidats_results.parquet\"\n-- ) WHERE id_election='2022_legi_t1'\n\n-- https://www.data.gouv.fr/datasets/donnees-des-elections-agregees\nSELECT id_brut_miom, nuance, voix, ratio_voix_inscrits, ratio_voix_exprimes FROM read_parquet(\"https://www.data.gouv.fr/api/1/datasets/r/4d3b35f6-0b22-4415-a24c-419a676312e2\") WHERE id_election='2022_legi_t1'","pinned":false,"hidden":false,"mode":"sql","output":"resultats2022","database":"var:db"},{"id":448,"value":"nuancesExtremeDroite = new Set(\n nuances.filter((d) => d.positionnement >= 4).map((d) => d.CodNuaCand)\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"import { nuances } from \"@severo/nuances\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":437,"value":"// We need something to boot the SQL cell (a data array or a databaseClient)\ndb = DuckDBClient.of({})","pinned":false,"hidden":false,"mode":"ojs"},{"id":566,"value":"r2024 = resultats2024.flatMap((d) => {\n const c = {\n circo: d[\"Code circonscription législative\"],\n inscrits: +d.Inscrits,\n exprimes: +d[\"Exprimés\"]\n };\n const candidats = [];\n for (let i = 1; i < 20; i++) {\n if (d[\"Numéro de panneau \" + i] !== \"\") {\n candidats.push({\n ...c,\n nuance: d[\"Nuance candidat \" + i],\n voix: +d[\"Voix \" + i]\n });\n }\n }\n return candidats;\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":563,"value":"resultats2024 = d3.dsv(\n \";\",\n \"https://static.data.gouv.fr/resources/elections-legislatives-des-30-juin-et-7-juillet-2024-resultats-provisoires-du-1er-tour/20240701-155558/resultats-provisoires-par-circonscription.csv\"\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":610,"value":"thisisfine = FileAttachment(\"thisisfine.png\").image()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}