- Les Décodeurs
- Élections européennes 2024
ParMaxime Ferrer, Manon Romain et Pierre Breteau
Read in English
-
Ajouter à vos sélections
Ajouter à vos sélections - Partager
- Partager sur Facebook
- Envoyer par e-mail
- Partager sur Linkedin
Les faitsDécouvrez le nouveau Parlement européen ainsi que les listes arrivées en tête dans chacun des pays.
Retrouvez ci-dessous la nouvelle composition du Parlement européen ainsi que les sièges obtenus par les différentes listes dans chacun des pays de l’Union européenne.
Le Mondea étiqueté les listes qui ont obtenu des sièges d’eurodéputés selon leur tendance, de gauche radicale à extrême droite.
Nous publions les estimations fournies par le Parlement européen à mesure qu’elles nous parviennent.
${getNom(d.code)}
${sieges_hemicycle} ${ lang == "fr" ? "siège" + plural : "seat" + plural }
`; } } d3.selectAll("#infographie_hemicycle .etiquettes") .on("mouseover", function () { var nuance = d3.select(this).attr("data-name"); d3.selectAll("#hemicycle .slices." + nuance) .transition() .duration(400) .attr("transform", "scale(1.04)"); d3.selectAll(`#hemicycle .label-${nuance}`) .transition() .duration(400) .attr("transform", function () { return `translate(${this.getAttribute("data-hover")})`; }); }) .on("mouseout", function () { var nuance = d3.select(this).attr("data-name"); d3.selectAll("#hemicycle .slices." + nuance) .transition() .duration(400) .attr("transform", "scale(1)"); d3.selectAll(`#hemicycle .label-${nuance}`) .transition() .duration(400) .attr("transform", function () { return `translate(${this.getAttribute("data-transform")})`; }); }); } function formatToHemi(data) { paysTMP = data.pays; tendances = {}; compteTMP = 0; tendances["nc"] = 0; for (const [key, d] of Object.entries(paysTMP)) { if (d.resultats.status !== "nc") { var partis = d.resultats.partis; for (const [key2, d2] of Object.entries(partis)) { if (d2.sieges_details === undefined) continue; for (let i = 0; i < d2.sieges_details.length; i++) { compteTMP += d2.sieges_details[i].sieges; if (tendances.hasOwnProperty(d2.sieges_details[i].tendance)) { tendances[d2.sieges_details[i].tendance] += d2.sieges_details[i].sieges; } else { tendances[d2.sieges_details[i].tendance] = d2.sieges_details[i].sieges; } } } } } const restant = 720 - compteTMP; tendances["nc1"] = Math.floor(restant / 2); tendances["nc"] = restant - Math.floor(restant / 2); tendances = Object.entries(tendances) .map(([key, value]) => ({ code: key, sieges: value, })) .sort((a, b) => { return ( Object.keys(nuanceslm).indexOf(a.code) - Object.keys(nuanceslm).indexOf(b.code) ); }); creerHemicycle(); creerClassem*nt(restant); } })();Qui sont les députés européens? Who are the members of European Parliament?
Ce cartogramme représente les députées et députés européens élus. Ils sont répartis par pays et par tendance politique.
This map represents the membres of European Parliament. They are divided by country and by political tendency.
Colors adapted for color-blind people Couleurs adaptées aux personnes daltoniennes
`; html += getNuance(parti) + "
→" + totalsieges + (lang == "fr" ? totalsieges > 1 ? " sièges" : " siège" : totalsieges > 1 ? " seats" : " seat"); console.log(resultat, totalsieges) html += (lang == "fr" ? " sur " : " out of ") + dico[code].nbSieges; html += '
'; return html; } make_tooltip_brt("#cartogramme g.groupenational", contenuTooltip); } else { d3.selectAll("g.groupenational").on("click", function () { ceci = d3.select(this).attr("data-tt").split("|")[1]; document.getElementById("card_" + ceci).scrollIntoView({ behavior: "smooth", }); }); } } function creerLaLegende() { var html = ""; let nb_deputes = 0; for (const nuance of Object.keys(nuanceslm)) { let nuance_row = nuanceslm[nuance]; if (nuance != "nc" && nuance != "ncmap") { var col = getCouleur(nuance); const col_dalt = getCouleurDaltonien(nuance); html += ''; html += ``; html += getNuance(nuance); if (parlementeuropeen[nuance] > 0) { html += " (" + parlementeuropeen[nuance] + ")"; nb_deputes += parlementeuropeen[nuance]; } else html += " (0)"; html += "
"; } } if (nb_deputes < 720) { var col = getCouleur("nc"); const col_dalt = getCouleurDaltonien("nc"); html += ''; html += ``; html += getNuance("nc"); html += " (" + (720 - nb_deputes) + ")"; html += "
"; } d3.select("#leg_carto").html(html); } function passerEnCapitale(string) { return string.charAt(0).toUpperCase() + string.slice(1); } function auPropre(s) { var r = s.toLowerCase(); r = r.replace(new RegExp(/\s/g), ""); r = r.replace(new RegExp(/[àáâãäå]/g), "a"); r = r.replace(new RegExp(/æ/g), "ae"); r = r.replace(new RegExp(/ç/g), "c"); r = r.replace(new RegExp(/[èéêë]/g), "e"); r = r.replace(new RegExp(/[ìíîï]/g), "i"); r = r.replace(new RegExp(/ñ/g), "n"); r = r.replace(new RegExp(/[òóôõö]/g), "o"); r = r.replace(new RegExp(/œ/g), "oe"); r = r.replace(new RegExp(/[ùúûü]/g), "u"); r = r.replace(new RegExp(/[ýÿ]/g), "y"); r = r.replace(new RegExp(/\W/g), ""); return r; } function rangerLesPartis(array, order) { array = array.sort(function (a, b) { return order.indexOf(b) - order.indexOf(a) }); return array; } /*██ /██ /██ /██ | ██ |__/| ██| ██ | ██ /██████ /██████ /██████ /██| ██| ██ /██████ | ██ |____ ██ /██__ ██ /██__ ██| ██| ██| ██ /██__ ██ | ██ /███████ | ██ \ ██| ██ \__/| ██| ██| ██| ████████ | ██ /██__ ██ | ██ | ██| ██ | ██| ██| ██| ██_____/ | ██| ███████ | ███████| ██ | ██| ██| ██| ███████ |__/ \_______/ \____ ██|__/ |__/|__/|__/ \_______/ /██ \ ██ | ██████/ \_____*/ function classerEtRangerPourLaGrille(resultats_raw) { //RESULTATS POUR LA GRILLE var resultats = [], paysEuropeen = resultats_raw.pays; for (key in paysEuropeen) { var pays_temp = new Object(), data = paysEuropeen[key]; pays_temp.iso2 = key.toLowerCase(); if (key == "EL") continue; pays_temp.nompays = dico[key.toLowerCase()].pays; pays_temp.sieges = data.nbSieges; pays_temp.status = data.resultats.status; pays_temp.partis = data.resultats.partis; pays_temp.participation = data.resultats == "no results available" || data.turnout === null || data.turnout.participation === null ? " –" : data.turnout.participation; pays_temp.resultats = data.resultats == "no results available" ? "nc" : data.resultats.status; resultats.push(pays_temp); } resultats.sort(function (a, b) { if (b.sieges === a.sieges) { var x = a.nompays, y = b.nompays; return x < y ? -1 : x > y ? 1 : 0; } return b.sieges - a.sieges; }); creerGrille(resultats); } function sort_me(dic) { // pour trier les résultats dans l'ordre décroissant let sorted_keys = []; let sorted_votes = []; for (key in dic) { sorted_votes.push(dic[key].votes); } sorted_votes.sort(function (a, b) { return b - a; }); for (let i = 0; i < sorted_votes.length; i++) { for (key in dic) { if (sorted_keys.indexOf(key) > -1) continue; if (dic[key].votes == sorted_votes[i]) { sorted_keys.push(key); break; } } } return sorted_keys; } function creerGrille(resultats) { mesIso = ""; index = 0; decompteSieges = 0; const w = document.getElementById("dec_cards").offsetWidth, nb_fiches = window.innerWidth > 600 ? 3 : window.innerWidth > 359 ? 2 : 1; let last_i_with_results = d3.max( Object.keys(resultats).map((key, i) => { return resultats[key].status === "nc" ? 0 : i; }) ); for (const [i, data] of Object.entries(resultats)) { if (data.status === "nc") continue; mesIso += data.iso2.toLowerCase() + "|"; var pays = lang === "fr" ? data.iso2 == "cz" ? "Rép. tchèque" : dico[data.iso2].pays : data.iso2 == "cz" ? "Czech rep." : dico[data.iso2].pays_EN; if (data != "nc") { div_btn = "" + (lang == "fr" ? status_fr[data.resultats] : status_en[data.resultats]) + "
"; clickable = "clickable"; svg_absent = ""; } else { div_btn = "" + (lang == "fr" ? status_fr[data.resultats] : status_en[data.resultats]) + ""; clickable = ""; svg_absent = "vide"; } document.getElementById("dec_cards").innerHTML += "
" + pays + "
" + data.sieges + " " + (lang == "fr" ? "sièges" : "seats") + "
" + div_btn + "
"; //INSERTION DES FICHES PAYS if ( (index % nb_fiches) - nb_fiches + 1 == 0 || i == last_i_with_results ) { mesIso = mesIso.substring(0, mesIso.length - 1); document.getElementById("dec_cards").innerHTML += "
FICHE " + mesIso.split("|") + "
"; mesIso = ""; } tendancesCount = {}; if (data.status !== "nc") { for (const [key, d] of Object.entries(data.partis)) { for (let i = 0; i < d.sieges_details.length; i++) { if (!tendancesCount[d.sieges_details[i].tendance]) { tendancesCount[d.sieges_details[i].tendance] = 0; } tendancesCount[d.sieges_details[i].tendance] += d.sieges_details[i].sieges; } } } // je mappe le dico pour en faire un array puis ranger tendancesArray = Object.entries(tendancesCount) .map(([key, value]) => ({ key, value, })) .sort( (a, b) => tendances_ordre.indexOf(a.key) - tendances_ordre.indexOf(b.key) ); for (const [i, d] of tendancesArray.entries()) { var iso2 = data.iso2; var largeur = d.value % 10 != 0 ? (Math.floor(d.value / 10) + 1) * 11 : Math.floor(d.value / 10) * 11; document.getElementById("pays_" + data.iso2).innerHTML += "
"; if (d.value > 0) { document.getElementById("number_" + iso2).innerHTML += "
" + d.value + "
"; } for (var k = 0; k < d.value; k++) { document.querySelector( "#pays_" + iso2 + " .col" + d.key ).innerHTML += `
`; if (d.key != "nc") { decompteSieges++; } } } index++; } // l’événement au clic sur une fiche d3.selectAll("#dec_cards .pays.clickable").on("click", function () { let card = d3.select(this); if (card.attr("data-select") == 1) { card.attr("data-select", 0); d3.selectAll("#dec_cards .bouton_resultats i").classed("haut", true); d3.selectAll(".contenant_cartes .fiche").classed("afficher", false); } else { card.attr("data-select", "1"); alpha2 = card.attr("id").slice(5, 7); d3.selectAll("#dec_cards .bouton_resultats i").classed("haut", true); card.select("i").classed("haut", false).classed("bas", true); d3.selectAll(".contenant_cartes .fiche").classed("afficher", false); let this_fiche = d3.select(`[data-iso2*='${alpha2}']`); dataPartis = resultats.filter((d) => d.iso2 == alpha2)[0].partis; // le contenu de la fiche fichette = `
${lang == "fr" ? dico[alpha2].pays : dico[alpha2].pays_EN}
${ lang == "fr" ? "Participation: " : "Turnout: " } ${format_percent( resultats.filter((d) => d.iso2 == alpha2)[0].participation )}
${ lang == "fr" ? "Jour de vote: " : "Voting day: " } ${format_date(dico[alpha2].date_vote)}
${ lang == "fr" ? "Nombre de députés: " : "Number of MEPs: " } ${dico[alpha2].nbSieges}
${ lang == "fr" ? "Habitants: " : "Population:" } ${milliers(+dico[alpha2].pop2023)}
${ lang == "fr" ? "Entrée dans l'UE: " : "Entry into the EU:" } ${lang == "fr" ? dico[alpha2].entreeUE : dico[alpha2].entreeUE_EN}
${ lang == "fr" ? dico[alpha2].methode_vote : dico[alpha2].methode_vote_EN }
`; let sorted_data = sort_me(dataPartis); for (let i = 0; i < sorted_data.length; i++) { let d = dataPartis[sorted_data[i]]; var color = getCouleur(d.tendance); const color_d = getCouleurDaltonien(d.tendance); var nbsiege = `${d.sieges} ${lang == "fr" ? " siège" : " seat"}${ d.sieges < 2 ? "" : "s" }`; if (d.sieges > 0) { fichette += `
${d.nom}${ d.is_coalition ? "COALITION" : "" } ${getNuance(d.tendance)}
${format_percent(d.votes)} ${nbsiege}
${ d.sieges_details.length > 1 ? make_coalition_details(d.sieges_details) : "" }
`; } } fichette += "
"; this_fiche.html(fichette); this_fiche.classed("afficher", true); } }); } function make_coalition_details(details) { let nuance_text = lang == "fr" ? "Répartition des sièges par nuance dans la coalition" : "Seats distribution by nuance in the coalition"; let html = `
${nuance_text}
`; for (let i = 0; i < details.length; i++) { for (let j = 0; j < details[i].sieges; j++) { html += `
`; } } html += "
"; return html; } function format_percent(x) { if (!x) return lang == "fr" ? "Non communiquée" : "Not available"; if (lang == "fr") return x.toFixed(1).replace(".", ",") + "%"; return x.toFixed(1) + "%"; } function getNuance(parti) { if (!nuanceslm[parti]) return parti; if (lang == "fr") return nuanceslm[parti].nom; return nuanceslm[parti].nom_EN; } function getCouleur(parti) { if (nuanceslm[parti]) return isDark ? nuanceslm[parti].couleur_dark : nuanceslm[parti].couleur; return nuanceslm["aut"].couleur; } function getCouleurDaltonien(parti) { if (nuanceslm[parti]) return isDark ? nuanceslm[parti].couleur_d : nuanceslm[parti].couleur_d; return nuanceslm["aut"].couleur_d; } function format_date(date_str) { const date_split = date_str.split("/"); const date = new Date(date_split[2], date_split[1] - 1, date_split[0]); // month is 0-indexed if (lang == "fr") return date.toLocaleDateString("fr-FR", { weekday: "long", month: "long", day: "numeric", }); return ( date.toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", }) + "th" ); } } run();
Lire aussi | En direct, dissolution de l’Assemblée nationale: Yaël Braun-Pivet, présidente de l’Assemblée, estime qu’«il y avait un autre chemin», celui d’une «coalition», après la décision d’Emmanuel Macron
