30:[] 2e:{"title":"Carte des résultats du premier tour des élections législatives 2024 - par bureau de vote","cells":[{"id":1713,"value":"# Carte des résultats du premier tour des élections législatives 2024 - par bureau de vote","pinned":false,"hidden":false,"mode":"md"},{"id":1960,"value":"Source: [Ministère de l'intérieur](https://www.data.gouv.fr/fr/datasets/elections-legislatives-des-30-juin-et-7-juillet-2024-resultats-provisoires-du-1er-tour/) - résultats au 01/07/2024\n\n----------","pinned":false,"hidden":false,"mode":"md"},{"id":1864,"value":"viewof s = Inputs.form({\n layer: Inputs.radio(\n new Map([\n [\"Tous les blocs\", \"comb\"],\n [\"Par bloc\", \"bloc\"]\n ]),\n {\n value: \"bloc\",\n label: \"\"\n }\n ),\n bloc: Inputs.select(\n new Map(\n Object.keys(blocs)\n //.sort()\n .map((b) => [blocs[b], b])\n ),\n {\n value: \"NFP\",\n label: \"\",\n format: ([libelle, code]) => `${libelle}`\n }\n ),\n sizeByImportance: Inputs.toggle({\n label: \"Dimensionner par nombre d'inscrits\",\n value: true\n }),\n montrerAbst: Inputs.toggle({\n label: \"Montrer bloc abstention, nuls et blancs\",\n value: false\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1152,"value":"

${title}

","pinned":false,"hidden":false,"mode":"html"},{"id":1750,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":229,"value":"container = DOM.element(\"div\", {\n style: `width:${width}px;height:${width * 0.6}px`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1853,"value":"viewof selCouches = Inputs.checkbox(\n [\"Limites circonscriptions\", \"Noms villes\", \"Fond de carte\"],\n {\n label: \"\",\n value: [\"Limites circonscriptions\", \"Noms villes\", \"Fond de carte\"]\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1133,"value":"--------","pinned":false,"hidden":false,"mode":"md"},{"id":1850,"value":"# Code","pinned":false,"hidden":false,"mode":"md"},{"id":1125,"value":"showBoundaries = selCouches.includes(\"Limites circonscriptions\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1122,"value":"showLabels = selCouches.includes(\"Noms villes\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1128,"value":"showBackground = selCouches.includes(\"Fond de carte\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1727,"value":"title = {\n if (s.layer == \"comb\") return \"Résultats, par bloc\";\n if (s.layer == \"bloc\") {\n return (\n (s.layer == \"Abstentions\" || s.layer == \"nulsblancs\" ? \"Bloc \" : \"\") +\n blocs[s.bloc]\n );\n }\n\n return \"No title\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1673,"value":"{\n const s_ = viewof s;\n //d3.select(s_).select(\"input\").style(\"display\", \"none\");\n //console.log(d3.select(s_).select(\"input\").style(\"display\", \"none\"));\n const bloc_ = viewof s.bloc;\n const sizeByImportance_ = viewof s.sizeByImportance;\n const montrerAbst_ = viewof s.montrerAbst;\n if (s.layer === \"comb\") {\n //bloc_.style.display = \"none\";\n //sizeByImportance_.style.display = \"\";\n //montrerAbst_.style.display = \"\";\n } else if (s.layer === \"bloc\") {\n //bloc_.style.display = \"\";\n //sizeByImportance_.style.display = \"\";\n //montrerAbst_.style.display = \"none\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1737,"value":"blocToText = {\n return {\n NFP: \"Union de la gauche\",\n MP: \"Majorité présidentielle\",\n ED: \"Extrême droite\",\n abstention: \"Abstention\",\n nulsblancs: \"Votes nuls et blancs\"\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"value":"map = new gridviz.Map(container, {\n x: 3750000,\n y: 2890000,\n z: 200,\n zoomExtent: [8, 3000],\n legendDivId: \"ext_legend\"\n}).addZoomButtons()","pinned":false,"hidden":false,"mode":"ojs"},{"id":584,"value":"### Jeu de données multi-échelle tuilé","pinned":false,"hidden":false,"mode":"md"},{"id":277,"value":"dataset = new gridviz.MultiResolutionDataset(\n [100, 200, 500, 1000, 2000, 5000, 10000, 20000, 50000, 100000],\n (resolution) =>\n new gviz_par.TiledParquetGrid(\n map,\n \"https://raw.githubusercontent.com/jgaffuri/election_map_fr/main/pub/gridviz/leg2024/T1_bv/\" +\n resolution +\n \"/\",\n {\n preprocess: (c) => {\n c.Exprimés = +c.Exprimés;\n c.nulsblancs = +c.Nuls + +c.Blancs;\n c.Abstentions = +c.Abstentions;\n }\n }\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":582,"value":"### Styles","pinned":false,"hidden":false,"mode":"md"},{"id":1007,"value":"style = s.layer == \"bloc\"\n ? styleBloc\n : s.layer == \"comb\"\n ? styleComb\n : undefined","pinned":false,"hidden":false,"mode":"ojs"},{"id":1040,"value":"formatPercentage = d3.format(\".1f\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":965,"value":"sizeStretching = gridviz.powerScale(0.5)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1027,"value":"### Style bloc","pinned":false,"hidden":false,"mode":"md"},{"id":1093,"value":"valueAtt = s.bloc","pinned":false,"hidden":false,"mode":"ojs"},{"id":1017,"value":"colorScaleBloc = (t) => d3.interpolateWarm(1 - t) //d3.interpolateTurbo(t) //d3.interpolatePlasma(1 - t) //d3.interpolateTurbo //(t) =>d3.interpolateSpectral(1 - t) //(t) => d3.interpolateViridis(1 - t)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1409,"value":"max = getMaxPercentagePerList(valueAtt) / 100","pinned":false,"hidden":false,"mode":"ojs"},{"id":1508,"value":"getTotal = (c) =>\n valueAtt === \"abstention\" || valueAtt === \"nulsblancs\"\n ? c.Inscrits\n : c.Exprimés","pinned":false,"hidden":false,"mode":"ojs"},{"id":515,"value":"styleBloc = new gridviz.ShapeColorSizeStyle({\n color: (c) => {\n const v = c[valueAtt];\n return v == 0 ? undefined : colorScaleBloc(v / getTotal(c) / max);\n },\n shape: s.sizeByImportance\n ? () => \"circle\"\n : (c, r, z) => (z > 40 ? \"square\" : \"circle\"),\n size: s.sizeByImportance\n ? (c, r, z, [min, max]) =>\n 0.35 * r + r * sizeStretching((+getTotal(c) - 0) / (max - 0))\n : (c, r, z) => (z < 250 ? 1.5 * r : r),\n viewScale: (cells) => d3.extent(cells, (cell) => +cell.Exprimés)\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1033,"value":"cellinfofunbloc = (c) => {\n const title = \"\" + blocs[s.bloc] + \"
\";\n const az = valueAtt === \"Abstentions\" || valueAtt === \"nulsblancs\";\n const tot = az ? c.Inscrits : c.Exprimés;\n\n const msg =\n \"\" +\n formatPercentage((c[valueAtt] / tot) * 100) +\n \"% des \" +\n (az ? \"inscrits\" : \"bulletins exprimés\") +\n \"
\" +\n \"Nombre de voix: \" +\n c[valueAtt] +\n \"
\";\n\n if (c.nb_bv > 1)\n return (\n c.nb_bv +\n \" bureaux de votes ici
Zoomer pour plus de détail
\" +\n title +\n msg\n );\n\n return (\n \"Bureau de vote de \" +\n c.nomCommune +\n \"
\" +\n c.nomCirconscription +\n \" - \" +\n c.nomDepartement +\n \"
\" +\n title +\n msg\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1492,"value":"legendlisttend = new gridviz.ColorLegend({\n title:\n \"Part des \" +\n (valueAtt === \"Abstentions\" || valueAtt === \"nulsblancs\"\n ? \"inscrits\"\n : \"votes exprimés\"),\n colorScale: colorScaleBloc,\n width: 200,\n ticks: 3,\n textScale: (t) =>\n t == 0 ? \"0%\" : t == \"1\" ? max * 100 + \"%\" : t == 0.5 ? max * 50 + \"%\" : \"X\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1495,"value":"(styleBloc.legends = [legendlisttend])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1254,"value":"### Style combiné","pinned":false,"hidden":false,"mode":"md"},{"id":1304,"value":"colorDict = {\n const out = {\n NFP: \"#cc6666\",\n MP: \"#ffeb00\",\n D: \"#0066cc\",\n ED: \"#0D378A\",\n DIV: \"darkgray\"\n };\n if (s.montrerAbst) {\n out.nulsblancs = \"pink\";\n out.Abstentions = \"purple\";\n }\n return out;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1266,"value":"styleComb = new gridviz.CompositionStyle({\n color: colorDict,\n type: () => \"flag\",\n stripesOrientation: () => 90,\n size: s.sizeByImportance\n ? (c, r, z, [min, max]) =>\n 0.35 * r +\n 0.65 *\n r *\n sizeStretching(\n ((s.montrerAbst ? +c.Inscrits : +c.Exprimés) - 0) / (max - 0)\n )\n : (c, r) => r,\n viewScale: (cells) =>\n d3.extent(\n cells,\n s.montrerAbst ? (cell) => +cell.Inscrits : (cell) => +cell.Exprimés\n )\n // size: (c, r, z, scale) => scale(+c.men),\n /*viewScale: gridviz.viewScaleQuantile({\n valueFunction: (c) => +c.men,\n classNumber: 5,\n minSizePix: 8\n }),\n offsetAngle: () => 90*/\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1287,"value":"cellinfofuncomb = (c) => {\n const sb = [];\n for (let b of blocKeys) {\n const tot =\n b == \"nulsblancs\" || b == \"Abstentions\" ? c.Inscrits : c.Exprimés;\n sb.push(\n \"\" +\n formatPercentage((c[b] / tot) * 100) +\n \"% \" +\n blocs[b] +\n \"
\"\n );\n }\n\n sb.push(\"Inscrits: \" + c.Inscrits + \"
\");\n sb.push(\"Exprimés: \" + c.Exprimés + \"
\");\n\n const msg = sb.join(\"\");\n\n if (c.nb_bv > 1)\n return (\n c.nb_bv + \" bureaux de votes ici
Zoomer pour plus de détail
\" + msg\n );\n\n return (\n \"Bureau de vote de \" +\n c.nomCommune +\n \"
\" +\n c.nomCirconscription +\n \" - \" +\n c.nomDepartement +\n \"
\" +\n msg\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1355,"value":"lgdcolrcomb = {\n const out = [\n [\"#cc6666\", blocs.NFP],\n [\"#ffeb00\", blocs.MP],\n [\"#0066cc\", blocs.D],\n [\"#0D378A\", blocs.ED],\n [\"darkgray\", blocs.DIV]\n ];\n if (s.montrerAbst) {\n out.push([\"pink\", blocs.nulsblancs]);\n out.push([\"purple\", blocs.Abstentions]);\n }\n return out;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1301,"value":"legendComb = new gridviz.ColorCategoryLegend({\n colorLabel: lgdcolrcomb,\n shape: \"square\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1319,"value":"(styleComb.legends = [legendComb])","pinned":false,"hidden":false,"mode":"ojs"},{"id":578,"value":"### Couches","pinned":false,"hidden":false,"mode":"md"},{"id":303,"value":"gridLayer = new gridviz.GridLayer(dataset, [], {\n minPixelsPerCell: minPixelsPerCell,\n cellInfoHTML: cellinfofun\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":538,"value":"minPixelsPerCell = s.layer == \"liste\" || s.layer == \"bloc\"\n ? s.sizeByImportance\n ? 5\n : 2\n : s.layer == \"comb\"\n ? 10\n : 25","pinned":false,"hidden":false,"mode":"ojs"},{"id":1025,"value":"cellinfofun = {\n if (s.layer == \"bloc\") return cellinfofunbloc;\n if (s.layer == \"comb\") return cellinfofuncomb;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1108,"value":"boundariesLayer = new gridviz.GeoJSONLayer({\n url: \"https://raw.githubusercontent.com/jgaffuri/election_map_fr/main/pub/circs/circs_2022_boundaries.geojson\",\n color: (f, z) => (z < 700 ? \"#444\" : \"#aaa\"),\n width: (f, z) => 0.8,\n preprocess: (bn) => {\n if (bn.geometry.type === \"LineString\") {\n const cs = [];\n for (let c of bn.geometry.coordinates)\n cs.push(gridviz_eurostat.proj3035(c));\n bn.geometry.coordinates = cs;\n } else {\n console.warn(\n \"Could not project boundary - unsupported geometry type: \" +\n bn.geometry.type\n );\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1111,"value":"labelLayer = new gridviz.LabelLayer(\n gridviz_eurostat.getEuronymeLabelLayer(\"FR\", 20)\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1114,"value":"backgroundLayer = new gridviz.BackgroundLayer(\n gridviz_eurostat.giscoBackgroundLayer(\n \"OSMPositronBackground\",\n 18,\n \"EPSG3035\",\n {\n visible: () => false\n }\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1117,"value":"backgroundLayer1 = new gridviz.BackgroundLayer({\n url: \"https://raw.githubusercontent.com/jgaffuri/mbxyz/main/pub/elevation_shading/\",\n resolutions: Array.from(\n { length: 9 },\n (_, i) => 28.00132289714475 * Math.pow(2, 10 - i)\n ),\n origin: [0, 6000000],\n filterColor: () => \"#ffffff60\",\n visible: () => false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1054,"value":"### Données","pinned":false,"hidden":false,"mode":"md"},{"id":1402,"value":"getMaxPercentagePerList = (b) => {\n if (b == \"NFP\") return 75;\n if (b == \"ED\") return 70;\n if (b == \"DIV\") return 40;\n if (b == \"Abstentions\") return 80;\n if (b == \"nulsblancs\") return 4;\n return 60;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1800,"value":"blocs = {\n return {\n NFP: \"Nouveau front populaire et gauche\",\n MP: \"Majorité présidentielle\",\n D: \"Droite républicaine\",\n ED: \"Extrême droite\",\n DIV: \"Autres\",\n Abstentions: \"Abstention\",\n nulsblancs: \"Nuls et blancs\"\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1819,"value":"blocKeys = Object.keys(blocs)","pinned":false,"hidden":false,"mode":"ojs"},{"id":580,"value":"### Rafraichissements","pinned":false,"hidden":false,"mode":"md"},{"id":284,"value":"{\n map.layers = [\n backgroundLayer,\n backgroundLayer1,\n gridLayer,\n boundariesLayer,\n labelLayer\n ];\n gridLayer.styles = [style];\n map.redraw();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":429,"value":"{\n backgroundLayer.visible = (z) => showBackground && z < 50;\n backgroundLayer1.visible = (z) => showBackground && z >= 50;\n boundariesLayer.visible = () => showBoundaries;\n labelLayer.visible = () => showLabels;\n map.redraw();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":575,"value":"### Bibs","pinned":false,"hidden":false,"mode":"md"},{"id":180,"value":"gridviz = require(\"gridviz@3.0.8\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":371,"value":"gviz_par = require(\"gridviz-parquet@1.0.2\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":381,"value":"gridviz_eurostat = require(\"gridviz-eurostat@2.0.0\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}