40:null 41:["$","title",null,{"children":"TP NOTÉ ARBAUT/DESCHAMPS RENDU INTERMÉDIAIRE V2 | OverSweet's Workspace | Observable"}] 47:T589,

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

Le fichier provient du site data.gouv.fr, il a été créé le 4 octobre 2023. Il 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:T699,##### Nous souhaitons réalisé les graphiques suivants : - La répartition de l'assemblée suivant groupeAbrev - Explication : Ce graphique servira à visualiser la répartition des groupes au sein de l'assemblée. - Dans l'idéal, nous souhaitons si possible créer un graphique demi-circulaire avec des points. Un points représentant un député et une couleur pour son appartenance politique. - Nous souhaitons aussi rajouter un filtre interactif sur le département. - La répartition homme/femme suivant age - Explication : Ce graphique servira à voir les indicateurs concernant l'âge entre les hommes et femmes députés. - Nous souhaitons créer un boxplot pour réaliser ce graphique. - Toutes les variables quantitatives en fonction du groupeAbrev - Explication : Ce graphique servira à voir les indicateurs concernant la répartition des différentes variables numériques des députés selon leur appartenance politique. - Nous souhaitons créer plusieurs boxplots. - Nous souhaitons aussi ajouter un filtre interactif en fonction des variables. - Le scoreParticipation suivant le groupeAbrev - Explication : Ce graphique servira à visualiser les indicateurs de la participation des députés au sein des groupes. - Nous souhaitons un boxplot pour réaliser le graphique. - De plus, nous souhaitons ajouter un filtre interactif sur le sexe. - Nous avons également d'autres idées de graphiques que nous allons possiblement réaliser si nous avons le temps. Parmi ces graphiques il y a : - La loyauté selon le groupeAbrev. - Le scoreParticipation suivant experienceDepute - L'age en fonction du groupeAbrev 49:T454,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, departementCode: +d.departementCode, departementNom: d.departementNom }; }); 4a:T69a,{ let filteredData = data2; // Initialisez filteredData avec l'ensemble des données par défaut 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}`); } // Créez et retournez le graphique en utilisant filteredData return Plot.plot({ marginLeft: 100, style: { border: "2px solid black", borderRadius: "10px", padding: "10px" }, title : `${choixV} en fonction du groupeAbrev et du sexe (${choixS})`, grid: true, marks: [ 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"; } } }), ] }); } 4b:T572,{ 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 : `${choixV} en fonction de l'experiance et du groupeabv `, grid: true, marks: [ 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 test = plotGraph(); return test; } 4c:T184c,chart3 = { const width = 800, height = 500; const svg = d3.create("svg").attr("width", width).attr("height", height); const color = d3.scaleOrdinal() .domain(["RE", "RN", "LFI-NUPES", "LR", "DEM", "SOC-A", "HOR", "LIOT", "ECOLO", "GDR-NUPES", "NI"]) .range(["#9467bd", "#03224c", "#d62728", "#004080", "#ff7f0e", "#e377c2", "#17becf", "#FFFF00", "#90EE90", "#8c564b", "#D3D3D3"]); 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") // Cette partie sert à mettre en couleurs la carte en fonction du nombre de députés .data(france.features) // A noter que pour le fond de carte france certains département on des majuscules qui ne sont pas .enter() //présentes dans le jeux de données data2 .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(); //Problème similaire pour les noms de départements 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') //Met les couleurs pour la légende .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')//Met le nombre de députés .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 => { //Problème similaire pour les noms de départements const isMatchingDepartement = entry.departementNom.toLowerCase() === selectedDepartement.toLowerCase(); const isMatchingGroup = entry.groupeAbrev === d; return isMatchingDepartement && isMatchingGroup; }).length; return `${d} - ${count} députés`; }); }; const legend2 = svg.append('g') .attr('class', 'legend') .attr('transform', 'translate(10, 200)'); const legend2Width_2 = 400; const legend2Height_2 = 20; // Ajouter un titre à la deuxième échelle de couleur Const colorlegend2.append('text') .attr('x', legendWidth_2 / 2) .attr('y', height + 50) .style('text-anchor', 'middle') .style('font-weight', 'bold') .text('Nombre de députés (Deuxième Légende)'); // Créer une échelle de couleur en bas du graphique const colorLegendGroup_2 = svg.append('g') .attr('class', 'color-legend') .attr('transform', `translate(${(width - legendWidth_2) / 2}, ${height + 30})`); const colorLegendScale_2 = d3.scaleLinear() .domain([1, d3.max(result, d => d.count)]) .range([0, legendWidth_2]); colorLegendGroup_2.append('rect') .attr('width', legendWidth_2) .attr('height', legendHeight_2) .style('fill', 'url(#color-gradient_2)'); const colorGradient_2 = colorLegendGroup_2.append('defs') .append('linearGradient') .attr('id', 'color-gradient_2') .attr('x1', '0%') .attr('y1', '0%') .attr('x2', '100%') .attr('y2', '0%'); colorGradient_2.append('stop') .attr('offset', '0%') .style('stop-color', colorScale.range()[0]); colorGradient_2.append('stop') .attr('offset', '100%') .style('stop-color', colorScale.range()[1]); // Ajouter des indicateurs de couleur const indicators_2 = colorLegendGroup_2.selectAll('.indicator') .data(colorScale.range()) .enter() .append('rect') .attr('class', 'indicator') .attr('width', legendWidth_2 / colorScale.range().length) .attr('height', legendHeight_2) .attr('x', (d, i) => i * (legendWidth_2 / colorScale.range().length)) .style('fill', d => d); // Ajouter des étiquettes pour les indicateurs const indicatorLabels_2 = colorLegendGroup_2.selectAll('.indicator-label') .data(colorScale.domain()) .enter() .append('text') .attr('class', 'indicator-label') .attr('x', (d, i) => (i + 0.5) * (legendWidth_2 / colorScale.range().length)) .attr('y', legendHeight_2 + 10) .style('text-anchor', 'middle') .text(d => d); // Ajouter les valeurs minimales et maximales colorLegendGroup_2.append('text') .attr('x', -5) .attr('y', legendHeight_2 / 2) .style('text-anchor', 'end') .style('alignment-baseline', 'middle') .text('Min'); colorLegendGroup_2.append('text') .attr('x', legendWidth_2 + 5) .attr('y', legendHeight_2 / 2) .style('text-anchor', 'start') .style('alignment-baseline', 'middle') .text(d3.max(result, d => d.count)); 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'); return svg.node(); } 4d:[] 45:{"id":"93e43b79425ddfcb","slug":null,"title":"TP NOTÉ ARBAUT/DESCHAMPS RENDU INTERMÉDIAIRE V2","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2023-11-15T16:56:58.961Z","update_time":"$D2023-11-15T20:37:03.056Z","view_time":null,"first_public_time":"$D2023-11-15T16:56:58.961Z","has_unpublished_edits":null,"fork":{"id":"9b14e72263a3be49","slug":null,"title":"TP NOTÉ ARBAUT/DESCHAMPS RENDU INTERMÉDIAIRE","owner":{"id":"9c1988ea8630cae5","login":"jean-baptiste-arbaut-ws","name":"Jean-Baptiste Arbaut's Workspace"}},"stars":0,"starred":false,"owner":{"type":"team","id":"380a1d2dea6df0e7","login":"oversweet-ws","name":"OverSweet's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/4a4351e95eadfa2a2e65fb31254e84e7aee0606d6fae21b381aefb4cdd1aa78f","tier":"starter_2024","bio":"","following":false},"version":826,"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":"individual","id":"fc756cae2c50e165","login":"oversweet","name":"OverSweet","avatar_url":"https://avatars-next.observableusercontent.com/a8d90d301d72c3a6d4b69e71153532acbe42898cf7eb67d019dce4f453d0ed5c","tier":null,"role":"editor"},{"type":"team","id":"380a1d2dea6df0e7","login":"oversweet-ws","name":"OverSweet's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/4a4351e95eadfa2a2e65fb31254e84e7aee0606d6fae21b381aefb4cdd1aa78f","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"TP NOTÉ ARBAUT/DESCHAMPS RENDU INTERMÉDIAIRE V2","cells":[{"id":0,"value":"# TP NOTÉ ARBAUT/DESCHAMPS RENDU INTERMÉDIAIRE V2","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":10,"value":"url = \"https://www.data.gouv.fr/fr/datasets/r/092bd7bb-1543-405b-b53c-932ebb49bb8e\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"data = d3.csv(url);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","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- departementCode\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 utilisés 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 revoir extraire le nombre. Il faudra également faire attention à l'unité, certain député 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 comprends 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":true,"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":"Plot.plot({\n marginLeft: 100,\n style: { border: \"2px solid black\", borderRadius: \"10px\", padding: \"10px\" }, \n title : \"Répartition Homme/Femme suivant l'âge\",\n grid: true,\n marks: [\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","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"## 2ème 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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"## 3ème graphique","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":316,"value":"## 4ème graphique ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":347,"value":"viewof choixG = (function() {\n let groupe = [...new Set(data2.map(item => item.groupeAbrev))].sort();\n return Inputs.select(groupe, { label: \"Choix du groupe\" });\n})();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"viewof choixV2 = (function() {\n let groupes = [\"age\",\"experienceDepute\",\"scoreParticipation\",\"scoreLoyaute\"].sort();\n return Inputs.select(groupes, { label: \"Choix de la variable\" });\n})(); \n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"$4b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"## 5ème graphique","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":612,"value":"uniqueGroups = [...new Set(data2.map(d => d.groupeAbrev))];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"tab = {\n const uniqueValuesParType = [];\n \n for (const grp of uniqueGroups) {\n const valeursUniques = [...new Set(data.filter(d => d.groupeAbrev === grp).map(d => d.id))];\n const nb = valeursUniques.length;\n \n uniqueValuesParType.push({\n groupe: grp,\n nombre_deputé: nb\n });\n }\n \n return uniqueValuesParType;\n\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":635,"value":"viewof choixD = (function() {\n let dep = [...new Set(data2.map(item => item.departementNom))].sort();\n dep.push(\"Tout\");\n return Inputs.select(dep, { label: \"Choix du département\" });\n})();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"import { proj4d3 } from \"@fil/proj4js-d3\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":658,"value":"// chargemement du fond de carte\nfrance = (await fetch(\"https://raw.githubusercontent.com/gregoiredavid/france-geojson/master/departements-version-simplifiee.geojson\")).json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 46:"$45:body"