2f:T8ea,hemycicleChart = { const heightHem = sizeHem; const hemiPartiBloc = hemyCycle.includes("Par bloc"); const hemiLibelles = hemyCycle.includes("Libellés"); //recupere le nombre de siege par bloc ou parti const aggr = hemiPartiBloc ? resultatsAggregatsNationaux.totauxBlocs : resultatsAggregatsNationaux.totauxPartis; const hemicycleData = []; let tot = 0; for (let b in aggr) { const sieges = aggr[b]; if (sieges == 0) continue; hemicycleData.push({ bloc: b, value: sieges }); tot += sieges; } if (tot < 577) { console.log("Manque resultats pour: " + (577 - tot)); hemicycleData.push({ bloc: "?", value: 577 - tot }); } const svg_ = d3.create("svg").attr("width", width).attr("height", heightHem); //const svg_ = d3.select(svgHem_); // svg_.selectAll("*").remove(); const height = heightHem; const radius = height; const svg = svg_ .append("g") .attr("transform", `translate(${radius}, ${height})`); const arc = d3 .arc() .innerRadius(0) .outerRadius(radius) .innerRadius(radius / 2) .startAngle((d) => d.startAngle) .endAngle((d) => d.endAngle); const outerArc = d3 .arc() .innerRadius(radius * 0.9) .outerRadius(radius * 0.9); const pie = d3 .pie() .value((d) => d.value) .startAngle(-Math.PI / 2) .endAngle(Math.PI / 2) .sort(null) .sortValues(null); const arcs = pie(hemicycleData); svg .selectAll("path") .data(arcs) .enter() .append("path") .attr("d", arc) .attr("fill", (d, i) => getColorBloc(hemiPartiBloc ? d.data.bloc : getBloc(d.data.bloc)) ) .attr("stroke", "white") .style("stroke-width", "2px"); //etiquette svg .selectAll("text") .data(arcs) .enter() .append("text") .attr("class", "label") .attr( "transform", !hemiPartiBloc ? (d) => `translate(${outerArc.centroid(d)})` : (d) => `translate(${arc.centroid(d)})` ) .attr("dy", "0.35em") .attr("text-anchor", "middle") .text( (d) => (hemiLibelles ? hemiPartiBloc ? blocs[d.data.bloc] : nuances[d.data.bloc] : d.data.bloc) + " " + d.data.value ); return svg_.node(); }30:Teb3,carte = { const mapsize = 700; const radius = 4.5; const projection = d3 .geoConicConformal() .parallels([49.0, 44.0]) .rotate([-3, 0]) .center([-0.2, 46.2]) .scale(3800) .translate([mapsize / 2, mapsize / 2]); const path = d3.geoPath().projection(projection); //project circosPts_.features.forEach((d) => { const coords = projection(d.geometry.coordinates); d.x = coords[0]; d.y = coords[1]; }); const circosPts = circosPts_.features; const simulation = d3 .forceSimulation(circosPts) .alpha(0.005) //.alpha(1) .alphaDecay(0.0001) .force("x", d3.forceX((d) => d.x).strength(1)) .force("y", d3.forceY((d) => d.y).strength(1)) .force("collide", d3.forceCollide(radius + 1).strength(1)) .on("tick", () => { circles.attr("cx", (d) => d.x).attr("cy", (d) => d.y); }); const svg = d3.create("svg").attr("width", mapsize).attr("height", mapsize); const gRegions = svg.append("g"); const gCircles = svg.append("g"); const getCircoTooltipHTML = (c) => { const out = []; out.push(circos[c].label.replace(" - ", "
")); if (carteStyle == "Résultat") { let elu = candidatsT22[c]; if (elu) elu = elu.filter((c) => c.statut == "OUI"); if (elu) elu = elu[0]; if (elu) { out.push("Résultat:"); out.push("" + nuances[elu.nuance] + ""); out.push(elu.prenom + " " + elu.nom); } } if (carteStyle == "Projection") { const elu = proj[c].elu; out.push("Projection:"); out.push("" + nuances[elu.nuance] + ""); out.push(elu.prenom + " " + elu.nom); } return out.join("
"); }; const circles = gCircles .selectAll("circle") .data(circosPts) .enter() .append("circle") .attr("class", "point") .attr("r", radius) .attr( "fill", carteStyle == "Projection" ? (d) => getColorNuance(proj[d.properties.id_circo].elu.nuance) : carteStyle == "Résultat" ? (d) => { let c = candidatsT22[d.properties.id_circo]; if (!c) return "gray"; c = c.filter((c) => c.statut == "OUI"); if (!c || c.length != 1) return "gray"; c = c[0]; return getColorNuance(c.nuance); } : (d) => "black" ) .on("click", (event, d) => { viewof circo.value = d.properties.id_circo; viewof circo.dispatchEvent(new Event("input")); }) .on("mouseover", (event, d) => { tooltip .html(getCircoTooltipHTML(d.properties.id_circo)) .style("visibility", "visible"); }) .on("mousemove", (event) => { tooltip .style("top", event.pageY - 10 + "px") .style("left", event.pageX + 10 + "px"); }) .on("mouseout", () => { tooltip.style("visibility", "hidden"); }); gRegions .selectAll("path") .data(circosRegs_.features) .enter() .append("path") .attr("d", path) .attr("fill", (d) => { return d.properties.codeCirconscription == circo ? "magenta" : "#eee"; }) .attr("stroke", "white") .attr("stroke-width", 1) .on("click", (event, d) => { viewof circo.value = d.properties.codeCirconscription; viewof circo.dispatchEvent(new Event("input")); }) .on("mouseover", (event, d) => { tooltip .html(getCircoTooltipHTML(d.properties.codeCirconscription)) .style("visibility", "visible"); }) .on("mousemove", (event) => { tooltip .style("top", event.pageY - 10 + "px") .style("left", event.pageX + 10 + "px"); }) .on("mouseout", () => { tooltip.style("visibility", "hidden"); }); return svg.node(); }31:T7ee,chart1T = { //données des candidats, classées const resCirco = Object.values(candidats[circo]).sort( (a, b) => +b.voix - +a.voix ); const barHeight = 20; const barSpacing = 30; const barWidthMultiplier = 8; const heightRes = (barHeight + barSpacing) * Object.values(candidats[circo]).length; const svgRes = d3 .create("svg") .attr("width", width) .attr("height", heightRes); //bars svgRes .selectAll(".bar") .data(resCirco) .enter() .append("rect") .attr("class", "bar") .attr("x", 0) .attr("y", (d, i) => barSpacing + i * (barHeight + barSpacing)) .attr( "width", (d) => ((100 * +d.voix) / getExprimesT1(circo)) * barWidthMultiplier ) .attr("height", barHeight) .attr("fill", (d) => getColorNuance(d.nuance)); //% text labels svgRes .append("g") .selectAll(".label") .data(resCirco) .enter() .append("text") .attr("class", "label") .attr("x", 0) .attr("y", (d, i) => 10 + i * (barHeight + barSpacing) + barHeight / 2 + 5) .html( (d) => d.prenom + " " + d.nom + " - " + nuances[d.nuance] + " (" + d.nuance + ")" + (d.nuance == "UG" ? " (" + accordNFP[circo] + ")" : "") + " - " + (estSortant(d) ? "Sortant - " : "") + (d.eluT1 ? "Elu(e)" : d.desiste ? "Désisté(e)" : d.qualifieT2 ? "Qualifié(e)" : "") + "" ); //% text labels svgRes .append("g") .selectAll(".label") .data(resCirco) .enter() .append("text") .attr("class", "label") .attr( "x", (d) => ((100 * +d.voix) / getExprimesT1(circo)) * barWidthMultiplier + 5 ) .attr( "y", (d, i) => barSpacing + i * (barHeight + barSpacing) + barHeight / 2 + 5 ) .text((d) => ((100 * +d.voix) / getExprimesT1(circo)).toFixed(2) + "%"); return svgRes.node(); }32:T7aa,chart2 = { const ccc = candidatsT22[circo]; const barHeight = 20; const barSpacing = 30; const barWidthMultiplier = 8; if (!ccc) { const svgRes = d3.create("svg").attr("width", width).attr("height", 20); svgRes .append("text") .attr("x", 0) .attr("y", 15) .text("Pas de résultats connus"); return svgRes.node(); } const heightRes = (barHeight + barSpacing) * Object.values(ccc).length; const resCirco = Object.values(ccc).sort((a, b) => +b.voix - +a.voix); const svgRes = d3 .create("svg") .attr("width", width) .attr("height", heightRes); //bars svgRes .selectAll(".bar") .data(resCirco) .enter() .append("rect") .attr("class", "bar") .attr("x", 0) .attr("y", (d, i) => barSpacing + i * (barHeight + barSpacing)) .attr("width", (d) => +d.taux_exprimes * barWidthMultiplier) .attr("height", barHeight) .attr("fill", (d) => getColorNuance(d.nuance)); //% text labels svgRes .append("g") .selectAll(".label") .data(resCirco) .enter() .append("text") .attr("class", "label") .attr("x", 0) .attr("y", (d, i) => 10 + i * (barHeight + barSpacing) + barHeight / 2 + 5) .html( (d) => d.prenom + " " + d.nom + " - " + nuances[d.nuance] + " (" + d.nuance + ")" + (d.nuance == "UG" ? " (" + accordNFP[circo] + ")" : "") + " - " + (estSortant(d) ? "Sortant" : "") + "" ); //% text labels svgRes .append("g") .selectAll(".label") .data(resCirco) .enter() .append("text") .attr("class", "label") .attr("x", (d) => +d.taux_exprimes * barWidthMultiplier + 5) .attr( "y", (d, i) => barSpacing + i * (barHeight + barSpacing) + barHeight / 2 + 5 ) .text((d) => (+d.taux_exprimes).toFixed(2) + "%"); return svgRes.node(); }33:T6fe,chart = { const barSpacingPrev = 2; const barHeight = 20; const barWidthMultiplier = 8; const heightResPrev = circos[circo].eluT1 ? 15 : (barHeight + barSpacingPrev) * candidatsT2[circo].length; const svgResPrev = d3 .create("svg") .attr("width", width) .attr("height", heightResPrev); const barSpacing = barSpacingPrev; if (circos[circo].eluT1) { svgResPrev .append("text") .attr("x", 0) .attr("y", 15) .text("Pas de deuxième tour"); return svgResPrev.node(); } //recupere resutats estimes const rp = proj[circo]; //compte votes exprimes //let exprimes = 0; //for (let b in rp) exprimes += rp[b]; const getScorePourcentage = (b) => (100 * rp.voixBloc[b]) / rp.exprimes; // const blocs = Object.keys(rp.voixBloc); blocs.sort((a, b) => rp.voixBloc[b] - rp.voixBloc[a]); //bars svgResPrev .selectAll(".bar") .data(blocs) .enter() .append("rect") .attr("class", "bar") .attr("x", 0) .attr("y", (b, i) => i * (barHeight + barSpacing)) .attr("width", (b) => getScorePourcentage(b) * barWidthMultiplier) .attr("height", barHeight) .attr("fill", (b) => getColorBloc(b)); //% text labels svgResPrev .append("g") .selectAll(".label") .data(blocs) .enter() .append("text") .attr("class", "label") .attr("x", (d) => getScorePourcentage(d) * barWidthMultiplier + 5) .attr("y", (d, i) => i * (barHeight + barSpacing) + barHeight / 2 + 5) .text((d, i) => { const score = getScorePourcentage(d); return ( d + (d == "NFP" ? " (" + accordNFP[circo] + ")" : "") + " " + score.toFixed(2) + "%" + (i == 0 ? " Elu(e)" : "") ); }); return svgResPrev.node(); }34:T6d9,resultatsAggregatsNationaux = { const out = {}; //compte le nombre de sièges par bloc out.totauxBlocs = { NFP: 0, MP: 0, DIV: 0, D: 0, ED: 0 }; out.totauxPartis = { //EXG: 0, //"Extrême gauche", FI: 0, //"La France insoumise", COM: 0, //"Parti communiste français", SOC: 0, //"Parti socialiste", //VEC: 0, //"Les Ecologistes", ECO: 0, //"Ecologistes", //RDG: 0, //"Parti radical de gauche", //UG: 0, //"Union de la gauche", DVG: 0, //"Divers gauche", DVC: 0, //"Divers centre", UDI: 0, //"Union des Démocrates et Indépendants", //MDM: 0, //"Modem", //REN: 0, //"Renaissance", ENS: 0, //"Ensemble ! (Majorité présidentielle)", HOR: 0, //"Horizons", REG: 0, //"Régionaliste", DIV: 0, //"Divers" DVD: 0, //"Divers droite", LR: 0, //"Les Républicains", DSV: 0, //"Droite souverainiste", EXD: 0, //"Extrême droite", UXD: 0, //"Union de l'extrême droite", RN: 0 //"Rassemblement National", //REC: 0, //"Reconquête !", }; for (let c in circos) { /*/cas wallis et futuna if (c == "98601") { out.totauxBlocs.MP++; out.totauxPartis.ENS++; continue; }*/ if (!candidatsT22[c]) continue; let elu = candidatsT22[c].filter((c) => c.statut == "OUI"); if (elu.length == 0) { //console.log(circos[c]); //console.log("Pas d'élu trouvé pour circo " + c); continue; } elu = elu[0]; out.totauxBlocs[getBloc(elu.nuance)]++; //totaux par parti let parti = elu.nuance; if (parti == "UG") parti = accordNFP[c]; if (!parti) { console.log("Code parti inattendu"); console.log(elu); } //if() out.totauxPartis[parti]++; } return out; }35:[{"id":"053f0775098240fc06f5d5fbede4c0567bd228187439c8a1b7a60ea63fc517822783a21280757b60194ede43e262b0ab9322fba10e956fff37842c34d440276c","href":"https://static.observableusercontent.com/files/053f0775098240fc06f5d5fbede4c0567bd228187439c8a1b7a60ea63fc517822783a21280757b60194ede43e262b0ab9322fba10e956fff37842c34d440276c","name":"resultats_tour2_par_circo@25.csv","type":"text/csv","lastModified":1720605027162.324,"size":122574},{"id":"3dda7d6cd86e6e9cdbc849c31eb841b1b3143e585f27350017ac8efca91c79e3ac168e9f5285447bee1d8c891cedaa6287dc1992d307e00c7162c4956f8b8214","href":"https://static.observableusercontent.com/files/3dda7d6cd86e6e9cdbc849c31eb841b1b3143e585f27350017ac8efca91c79e3ac168e9f5285447bee1d8c891cedaa6287dc1992d307e00c7162c4956f8b8214","name":"candidats-leg2024-sortants.csv","type":"text/csv","lastModified":1720427220917.978,"size":21268}] 2d:{"title":"Législatives 2024: Résultats","cells":[{"id":0,"value":"# Législatives 2024: Résultats","pinned":false,"hidden":false,"mode":"md"},{"id":120,"value":"viewof hemyCycle = Inputs.checkbox([\"Par bloc\", \"Libellés\"], {\n label: \"Style hémicycle\",\n value: [\"Par bloc\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"viewof sizeHem = Inputs.range([100, 600], {\n label: \"Taille hémicycle\",\n step: 1,\n value: 280\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"-------------","pinned":false,"hidden":false,"mode":"md"},{"id":164,"value":"viewof carteStyle = Inputs.select([\"Résultat\", \"Projection\"], {\n label: \"Montrer:\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":146,"value":"-----------","pinned":false,"hidden":false,"mode":"md"},{"id":24,"value":"viewof circo = Inputs.select(\n new Map(\n Object.keys(circos)\n .sort()\n .map((c) => [circos[c].label, c])\n ),\n {\n value: \"0101\",\n label: \"Choix circonscription\",\n format: ([libelle, code]) => `${libelle} (${code})`\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"### Résultat premier tour","pinned":false,"hidden":false,"mode":"md"},{"id":82,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"### Résultat deuxième tour","pinned":false,"hidden":false,"mode":"md"},{"id":40,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"### Projection","pinned":false,"hidden":false,"mode":"md"},{"id":29,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"___________","pinned":false,"hidden":false,"mode":"md"},{"id":231,"value":"## Code","pinned":false,"hidden":false,"mode":"md"},{"id":4,"value":"import {\n proj,\n circos,\n getBloc,\n accordNFP,\n candidatsT2,\n getColorBloc,\n getColorNuance,\n nuances,\n getExprimesT1,\n candidats,\n blocs,\n tooltip,\n style\n} from \"@jgaffuri/leg2024_3\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"res2 = FileAttachment(\"resultats_tour2_par_circo@25.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"candidatsT22 = {\n const candidats = {};\n for (let r of res2) {\n if (!(r.circo in candidats)) candidats[r.circo] = [];\n r.bloc = getBloc(r.nuance);\n r.taux_exprimes = +r.voix / r.exprimes;\n\n r.sortant = estSortant(r);\n\n candidats[r.circo].push(r);\n }\n\n return candidats;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"candidatsSortants = FileAttachment(\"candidats-leg2024-sortants.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"estSortant = (c) => {\n return (\n candidatsSortants.filter(\n (c_) => c_.NomPsn == c.nom && c_.PrenomPsn == c.prenom\n ).length > 0\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":161,"value":"import { circosPts_, circosRegs_ } from \"61e78d4d929aa78b\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}