40:null 41:["$","title",null,{"children":"TP NOTÉ ARBAUT/DESCHAMPS RENDU FINAL | Jean-Baptiste Arbaut's Workspace | Observable"}] 47:T586,

Il y a ${data.length} individus et ${Object.keys(data[0]).length} colonnes dans ce fichier.

Ce fichier provient du site data.gouv.fr, il a été créé le 4 octobre 2023 et possède une licence ouverte / open licence, ce qui autorise sa réutilisation. Vous pouvez le retrouver à l'adresse suivante : ${url}.

Ces données concernent les députés actifs de l'Assemblée nationale. Nous disposons des principales variables socio-démographiques des députés telles que le sexe, l'âge, le lieu et la date de naissance ou le métier. Nous avons également des variables plus spécifiques sur le métier de député comme la date de prise de fonction, le groupe parlementaire, le nombre de mandats et l'expérience parlementaire.

Enfin, nous avons plusieurs variables de type "score" permettant de mesurer l'activité des députés dans l'hémicycle. Parmi ces variables, on trouve le score de participation, le score de loyauté ou le score de majorité. La description de toutes ces variables est disponible sur data.gouv.fr.

` 48:T66e,##### Nous avons réalisé les graphiques suivants : - La répartition homme/femme suivant l'âge - Explication : Ce graphique sert à voir les indicateurs concernant l'âge entre les hommes et femmes députés. - Ce graphique comporte un boxplot qui permet la visualisation des différences d'âge des députés suivant leur sexe. - Toutes les variables quantitatives en fonction de groupeAbrev - Explication : Ce graphique sert à voir les indicateurs concernant la répartition des différentes variables numériques des députés selon leur appartenance politique et leur sexe. - Ce graphique comporte plusieurs boxplots, un par groupe. - Il y a aussi un filtre interactif en fonction des variables mais également en fonction du sexe pour plus de précision. - Toutes les variables quantitatives (excepté l'expérience du député) en fonction de experienceDepute - Explication : Ce graphique sert à voir les indicateurs concernant la répartition des différentes variables numériques des députés selon leur expérience de député et leur groupe. - Ce graphique comporte un nuage de points avec un crosshair, chaque point correspond à un député. - Il y a aussi un filtre interactif pour choisir la variable et le groupe que l'on souhaite. Lorsque l'on survole un point sélectionné, on obtient les informations basiques sur le/les députés concernés. - Une carte de la répartion des députés en France - Explication : Cette carte sert à visualiser le nombre de députés par département et par groupe. - Il y a un filtre qui s'applique lorsque l'on clique sur un département. 49:T427,data2 = data.map((d) => { let experienceDepute = parseInt(d.experienceDepute); const unit = d.experienceDepute.includes("an") ? "an" : d.experienceDepute.includes("mois") ? "mois" : d.experienceDepute.includes("jours") ? "jours" : null; if (unit === "mois") { experienceDepute /= 12; } else if (unit === "jours") { experienceDepute /= 365.25; } // Recodage de civ let civRecode; if (d.civ === "M.") { civRecode = "Homme"; } else if (d.civ === "Mme") { civRecode = "Femme"; } // Création du champ NomPrenom let nomPrenom = `${d.nom.toUpperCase()} ${d.prenom}`; return { id: d.id, NomPrenom: nomPrenom, civ: civRecode, groupeAbrev: d.groupeAbrev, naissance: new Date(d.naissance), age: +d.age, experienceDepute: experienceDepute, scoreParticipation: +d.scoreParticipation, scoreLoyaute: +d.scoreLoyaute, departementNom: d.departementNom }; }); 4a:T8f7,{ let labelY; if (choixV === "age") { labelY = "Age"; } else if (choixV === "experienceDepute") { labelY = "Expérience député"; } else if (choixV === "scoreLoyaute") { labelY = "Score loyauté"; } else if (choixV === "scoreParticipation") { labelY = "Score participation"; } else { labelY = choixV; } let filteredData = data2; if (choixS !== "Tout") { // Filtrez les données en fonction du choix de l'utilisateur, sauf si "TOUT" est sélectionné filteredData = data2.filter(d => d.civ === `${choixS}`); } return html`

${Plot.plot({ marginLeft: 100, style: { border: "2px solid black", borderRadius: "10px", padding: "10px" }, title : `${choixV} en fonction de groupeAbrev et du sexe (${choixS})`, grid: true, marks: [ Plot.axisX({label: "Groupe"}), Plot.axisY({label: labelY}), Plot.ruleY({ stroke: 'grey', strokeDasharray: '5 20', strokeWidth: 0.5 }), Plot.boxY(filteredData, { y: `${choixV}`, x: "groupeAbrev", sort: {y: "y"}, fill: d => { if (d.groupeAbrev === "GDR-NUPES") { return "red"; } else if (d.groupeAbrev === "LFI-NUPES") { return "darkred"; } else if (d.groupeAbrev === "ECOLO") { return "green"; } else if (d.groupeAbrev === "SOC-A") { return "pink"; } else if (d.groupeAbrev === "RE") { return "yellow"; } else if (d.groupeAbrev === "DEM") { return "orange"; } else if (d.groupeAbrev === "HOR") { return "darkblue"; } else if (d.groupeAbrev === "LIOT") { return "lightpink"; } else if (d.groupeAbrev === "LR") { return "lightblue"; } else if (d.groupeAbrev === "RN") { return "navy"; } else if (d.groupeAbrev === "NI") { return "gray"; } } }), ], y: { label: { value: () => `(${choixS})` } }, })}

`; } 4b:T84e,{ let labelY; if (choixV2 === "age") { labelY = "Age"; } else if (choixV2 === "experienceDepute") { labelY = "Expérience député"; } else if (choixV2 === "scoreLoyaute") { labelY = "Score loyauté"; } else if (choixV2 === "scoreParticipation") { labelY = "Score participation"; } else { labelY = choixV2; } function getColorByGroupeAbrev(groupeAbrev) { switch (groupeAbrev) { case "GDR-NUPES": return "red"; case "LFI-NUPES": return "darkred"; case "ECOLO": return "green"; case "SOC-A": return "pink"; case "RE": return "yellow"; case "DEM": return "orange"; case "HOR": return "darkblue"; case "LIOT": return "lightpink"; case "LR": return "lightblue"; case "RN": return "navy"; case "NI": return "gray"; } } function plotGraph() { const nonFilteredPoints = data2.filter(d => d.groupeAbrev !== choixG); const filteredPoints = data2.filter(d => d.groupeAbrev === choixG); return Plot.plot({ width: width * 2/3, height: width * 2/4, marginLeft: 100, style: { border: "2px solid black", borderRadius: "10px", padding: "10px" }, title : `Expérience député en fonction de la variable ${choixV2} et du groupe (${choixG}) `, grid: true, marks: [ Plot.axisX({label: "Expérience député (en années)"}), Plot.axisY({label: labelY}), Plot.dot(nonFilteredPoints, {x: "experienceDepute", y: `${choixV2}`, fill: "rgb(180,180,180)"}), Plot.dot(filteredPoints, {x: "experienceDepute", y: `${choixV2}`, channels : {id: "id", NomPrenom : "NomPrenom", age : "age"}, tip: true, fill: d => getColorByGroupeAbrev(d.groupeAbrev), r: 6}), Plot.crosshair(data2, {x: "experienceDepute", y: `${choixV2}`}), ], }); } var graph = plotGraph(); return html`

${graph}

`; } 4c:Tf19,chart3 = { const width = 800, height = 500; const svg = d3.create("svg").attr("width", width).attr("height", height).attr("id", "carte"); const color = d3.scaleOrdinal() .domain(["RE", "RN", "LFI-NUPES", "LR", "DEM", "SOC-A", "HOR", "LIOT", "ECOLO", "GDR-NUPES", "NI"]) .range(["yellow", "navy", "darkred", "lightblue", "orange", "pink", "darkblue", "lightpink", "green", "red", "gray"]); const projection = d3.geoMercator() .fitExtent([[20, 20], [width, height]], france); const path = d3.geoPath() .projection(projection); const colorScale = d3.scaleLog() .domain([1, d3.max(result, d => d.count)]) .range(["lightgray", "darkblue"]); const pth = svg.selectAll("path") .data(france.features) .enter() .append("path") .attr("fill", d => { const departementNom = d.properties.nom.toLowerCase(); const count = result.find(entry => entry.departement.toLowerCase() === departementNom)?.count || 0; return colorScale(count); }) .attr("stroke", "#ccc") .attr("d", path) .on("mouseover", function (event, d) { const departementNom = d.properties.nom.toLowerCase(); const count = result.find(entry => entry.departement.toLowerCase() === departementNom)?.count || 0; const tooltipContent = `Département: ${d.properties.nom}
Nombre de députés: ${count}`; d3.select('#tooltip') .style('opacity', 0.9) .html(tooltipContent) .style('left', `${event.pageX}px`) .style('top', `${event.pageY - 28}px`); }) .on("mouseleave", function () { d3.select('#tooltip') .style('opacity', 0); }) .on("click", function (event, d) { updateLegend(d.properties.nom); }); const legendData = ["RE", "RN", "LFI-NUPES", "LR", "DEM", "SOC-A", "HOR", "LIOT", "ECOLO", "GDR-NUPES", "NI"]; const legend = svg.append('g') .attr('class', 'legend') .attr('transform', 'translate(10, 200)'); const legendRectSize = 18; const legendSpacing = 4; legend.selectAll('rect') .data(legendData) .enter() .append('rect') .attr('width', legendRectSize) .attr('height', legendRectSize) .attr('x', 0) .attr('y', (d, i) => i * (legendRectSize + legendSpacing)) .style('fill', d => color(d)); legend.selectAll('text') .data(legendData) .enter() .append('text') .attr('x', legendRectSize + legendSpacing) .attr('y', (d, i) => i * (legendRectSize + legendSpacing) + legendRectSize / 2) .text(d => `${d} - ${result.find(entry => entry.departement === d)?.count || 0} députés`); const updateLegend = (selectedDepartement) => { legend.selectAll('text') .data(legendData) .text(d => { const count = data2.filter(entry => { const isMatchingDepartement = entry.departementNom.toLowerCase() === selectedDepartement.toLowerCase(); const isMatchingGroup = entry.groupeAbrev === d; return isMatchingDepartement && isMatchingGroup; }).length; return `${d} - ${count} députés`; }); }; const tooltip = d3.select('body').append('div') .attr('id', 'tooltip') .style('position', 'absolute') .style('opacity', 0) .style('background-color', 'white') .style('padding', '10px') .style('border', '1px solid #ccc'); svg.append("text") .attr("x", width / 2) .attr("y", 20) .attr("text-anchor", "middle") .style("font-size", "18px") .style("font-weight", "bold") .text("Carte de la répartation des députés suivant leur groupe et le département"); svg.append("text") .attr("x", 20) .attr("y", height - 20) .attr("text-anchor", "start") .style("font-size", "12px") .style("font-weight", "bold") .text("Graphique créé par Arbaut Jean-Baptiste et Deschamps Kylian. Source des données: data.gouv.fr"); return svg.node(); } 4d:T4cf,

Commentaire du graphique

Nous avons réalisé cette carte pour nous permettre de visualiser la répartition des députés en France métropolitaine. Nous avons ajouté un tooltip qui permet d'afficher le nom ainsi que le nombre de députés au sein d'un département en le survolant. Lorsque l'on clique sur le département, on voit la répartition des députés suivant leur groupe.
Nous voulions avoir une représentation de la répartition des députés dans toute la France pour voir si une région ou un département comporte plus de députés d'un certain groupe. Les limites de ce graphique sont que la carte ne présente pas les départements d'outre-mer et peut se montrer capricieuse, surtout dans la sélection de département. Le seul moyen d'être précis est de zoomer sur la carte à l'aide de CTRL+Molette. Nous n'avons pas réussi à afficher la légende qui indique l'échelle de couleur sur la carte car la carte comporte déjà la légende des groupes. Nous avons également essayé de faire en sorte que lorsque nous ne cliquons pas sur la carte alors la légende affiche la répartition sur toute la France mais n'avons pas réussi.

4e:[] 45:{"id":"37c1990539412fb6","slug":null,"title":"TP NOTÉ ARBAUT/DESCHAMPS RENDU FINAL","thumbnail":"033602480b6b7ec97da6407c90fc9a779f594c88f7ea27dccf1c8d720b963850","access_level":"public","create_time":"$D2023-11-15T20:37:09.270Z","update_time":"$D2023-11-17T16:08:22.555Z","view_time":null,"first_public_time":"$D2023-11-15T20:37:09.270Z","has_unpublished_edits":null,"fork":{"id":"93e43b79425ddfcb","slug":null,"title":"TP NOTÉ ARBAUT/DESCHAMPS RENDU INTERMÉDIAIRE V2","owner":{"id":"380a1d2dea6df0e7","login":"oversweet-ws","name":"OverSweet's Workspace"}},"stars":0,"starred":false,"owner":{"type":"team","id":"9c1988ea8630cae5","login":"jean-baptiste-arbaut-ws","name":"Jean-Baptiste Arbaut's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/19220edebb45ce4958aa8dbc84a4101c75beca26357819776db7de929ff4ffd1","tier":"starter_2024","bio":"","following":false},"version":1170,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fc756cae2c50e165","login":"oversweet","name":"OverSweet","avatar_url":"https://avatars-next.observableusercontent.com/a8d90d301d72c3a6d4b69e71153532acbe42898cf7eb67d019dce4f453d0ed5c","tier":null,"bio":"","following":false}],"members":[{"type":"team","id":"9c1988ea8630cae5","login":"jean-baptiste-arbaut-ws","name":"Jean-Baptiste Arbaut's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/19220edebb45ce4958aa8dbc84a4101c75beca26357819776db7de929ff4ffd1","tier":"starter_2024","role":"editor"},{"type":"individual","id":"fc756cae2c50e165","login":"oversweet","name":"OverSweet","avatar_url":"https://avatars-next.observableusercontent.com/a8d90d301d72c3a6d4b69e71153532acbe42898cf7eb67d019dce4f453d0ed5c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"TP NOTÉ ARBAUT/DESCHAMPS RENDU FINAL","cells":[{"id":0,"value":"# TP NOTÉ ARBAUT/DESCHAMPS RENDU FINAL","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"## Récupération du jeu de données","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":557,"value":"$47","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":40,"value":"#### Après analyse du fichier nous allons retenir les variables :\n- ID\n- civ\n- groupeAbrev\n- naissance\n- age\n- experienceDepute\n- scoreParticipation\n- scoreLoyaute\n- Nom\n- Prenom\n- departementNom","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":72,"value":"$48","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":87,"value":"## Modification des données ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":89,"value":"#### Dans la suite du projet, nous allons réaliser des modifications sur les données afin de pouvoir les utiliser dans nos graphiques.\n\n| Variables | Modifications \n| :--------------- |:--------------- \n| civ | Recoder par Homme et Femme \n| age | Convertir en numérique \n| experienceDepute | Les modalités sont composées de l'âge et de an(s) ex: 21 ans. Il va falloir extraire le nombre. Il faudra également faire attention à l'unité, certains députés ont des années, d'autres des mois ou des jours.\n| scoreParticipation | Convertir en numérique \n| scoreLoyaute | Convertir en numérique\n| NomPrenom | On va créer une variable qui comprend le nom et le prénom des personnes en une seule variable","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":108,"value":"# Réalisation du projet","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":123,"value":"## Importation des données avec traitements","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":111,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":587,"value":"# Réalisation des graphiques","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":145,"value":"## 1er graphique","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":165,"value":"html`

\n ${Plot.plot({\n marginLeft: 100,\n style: { border: \"2px solid black\", borderRadius: \"10px\", padding: \"10px\", display: \"inline-block\" }, \n title: \"Répartition Homme/Femme suivant l'âge\",\n grid: true,\n marks: [\n Plot.axisX({ label: \"Genre\" }),\n Plot.axisY({ label: \"Age\" }),\n Plot.ruleY({ stroke: 'grey', strokeDasharray: '5 20', strokeWidth: 0.5 }),\n Plot.boxY(data2, {\n y: \"age\",\n x: \"civ\",\n sort: { y: \"y\" },\n fill: d => d.civ === \"Homme\" ? \"blue\" : \"pink\" \n }),\n ]\n })}\n \n

`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":877,"value":"

Commentaire du graphique

Nous avons réalisé ce graphique pour nous permettre de visualiser l'âge selon le genre du député.\n Nous voulions voir la proportion d'hommes et de femmes et regarder s'ils ont la même répartition d'âge. Ce graphique est le premier que nous avons réalisé donc il reste \"simpliste\".
Cependant, nous utilisons régulièrement des boxplots en statistiques, d'où le choix d'un boxplot. Les limites du graphique sont que le graphique n'est pas interactif et se limite uniquement à l'âge et au sexe.

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":188,"value":"## 2e graphique","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":248,"value":"viewof choixV = (function() {\n let groupes = [\"age\",\"experienceDepute\",\"scoreParticipation\",\"scoreLoyaute\"].sort();\n return Inputs.select(groupes, { label: \"Choix de la variable\" });\n})(); \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":690,"value":"viewof choixS = (function() {\n let sexe = [...new Set(data2.map(item => item.civ))].sort();\n sexe.push(\"Tout\");\n return Inputs.select(sexe, { label: \"Choix du sexe\" });\n})();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"

Commentaire du graphique

Nous avons réalisé ce graphique pour nous permettre de visualiser la répartition du groupe selon plusieurs variables quantitatives : l'âge, l'expérience du député, le score de participation et le score de loyauté. Nous avons ajouté un filtre sur le sexe.\n Nous voulions voir la répartition des groupes politiques suivant plusieurs variables, le filtre sur le sexe permet de donner plus de choix et de précision à l'utilisateur. Ce graphique est dans la continuité du précédent mais beaucoup plus complet. L'une des limites du graphique est qu'il offre uniquement un point de vue global sur les groupes, on ne voit donc pas les individus.

Commentaire du graphique

Nous avons réalisé ce graphique pour nous permettre de visualiser la répartition des individus au sein d'un groupe en fonction des différentes variables quantitatives excepté l'expérience du député car ce n'est pas pertinent de créer un graphique avec les mêmes variables en x et en y. Nous avons ajouté un filtre sur le groupe qui permet de mettre en couleur et en avant les individus correspondants.
\n Nous voulions voir la répartition des individus selon l'expérience du député et voir si l'on retrouve les mêmes différences en fonction de leur groupe. Ce graphique est encore dans la continuité du précédent sauf qu'il propose une approche différente en se concentrant précisément sur chaque individu. Les limites du graphique sont que nous n'avons pas réussi à retirer la variable \"fill\" du tooltip, pour la variable scoreLoyaute, tous les députés du groupe \"SOC-A\" ont un score de 0 ce qui fausse l'échelle du graphique.

\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":629,"value":"## 4e graphique","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":730,"value":"result = Array.from(d3.group(data2, d => d.departementNom).entries(), ([departement, values]) => ({ departement, count: values.length }));\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":742,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1009,"value":"$4d","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":918,"value":"# Annexe","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":922,"value":"## Ajout du style","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":920,"value":"\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":949,"value":"## Importation des données","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":946,"value":"// chargemement du fond de carte\nfrance = (await fetch(\"https://raw.githubusercontent.com/gregoiredavid/france-geojson/master/departements-version-simplifiee.geojson\")).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1069,"value":"// chargement des données général\nurl = \"https://www.data.gouv.fr/fr/datasets/r/092bd7bb-1543-405b-b53c-932ebb49bb8e\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1078,"value":"data = d3.csv(url);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4e","stdlib":"1"}} 46:"$45:body"