2b:null 2c:["$","title",null,{"children":"Les collèges de France | ToulouseDataviz | Observable"}] 31:T5f4,{ const plot = Plot.plot({ width: 960, height: 600, title: "Collèges et académies (France métropolitaine)", color: { type: "categorical", scheme: "Set3", legend: true }, projection: { type: "conic-conformal", rotate: [0, 0], domain: { type: "MultiPoint", coordinates: [ [-7, 52], [10, 40] ] } }, width, marks: [ Plot.geo( topojson.feature( a_reg2020_geojson, a_reg2020_geojson.objects.a_reg2020_geojson ), { stroke: "black" } ), Plot.dot( data_college_france.filter( (d) => (+d.CODE_DEPARTEMENT > 0) & (+d.CODE_DEPARTEMENT < 95) || d.LIBELLE_ACADEMIE == "Corse" ), { x: "LONGITUDE", y: "LATITUDE", r: 2.5, fill: "LIBELLE_ACADEMIE", symbol: "square" } ) ] }); const button = html``; const plotContainer = html`

${plot}

`; plotContainer.style.display = "none"; button.onclick = () => { plotContainer.style.display = plotContainer.style.display === "none" ? "block" : "none"; button.textContent = plotContainer.style.display === "none" ? "Voir la carte des collèges / académies" : "Masquer la carte des collèges / académies"; }; return html`${button}${plotContainer}`; }32:T64e,{ const plot = Plot.plot({ width: 960, height: 600, title: "Collèges et académies (France métropolitaine)", color: { range: ["#C08D00", "#5477AD", "#869E00", "#23272B"], domain: ["A", "B", "C", "Autre"], legend: true }, projection: { type: "conic-conformal", rotate: [0, 0], domain: { type: "MultiPoint", coordinates: [ [-7, 52], [10, 40] ] } }, width, marks: [ Plot.geo( topojson.feature( a_reg2020_geojson, a_reg2020_geojson.objects.a_reg2020_geojson ), { stroke: "black" } ), Plot.dot( data_college_france.filter( (d) => (+d.CODE_DEPARTEMENT > 0) & (+d.CODE_DEPARTEMENT < 95) || d.LIBELLE_ACADEMIE == "Corse" ), { x: "LONGITUDE", y: "LATITUDE", r: 2.5, fill: (d) => zone_vacances(d.LIBELLE_ACADEMIE), symbol: "square" } ) ] }); const button = html``; const plotContainer = html`

${plot}

`; plotContainer.style.display = "none"; button.onclick = () => { plotContainer.style.display = plotContainer.style.display === "none" ? "block" : "none"; button.textContent = plotContainer.style.display === "none" ? "Voir la carte des collèges / zone de vacances" : "Masquer la carte des collèges / zone de vacances"; }; return html`${button}${plotContainer}`; }33:T5dd,{ const plot = Plot.plot({ color: { domain: [true, false], range: ["lightgreen ", "lightgrey"] }, width: 800, height: 550, marginBottom: 40, marginTop: 15, marginLeft: 150, marginRight: 30, x: { label: " Nombre de collèges →" }, y: { label: "Régions" }, caption: html`Source : open data ministère de l'éducation nationale - année de référence 2021`, marks: [ // Plot.axisX({ fontSize: 16 }), Plot.barX(data_académie, { x: "count", y: "académie", fill: (d) => d.académie == "Toulouse", sort: { y: "x", reverse: true } }), Plot.ruleX([0]), Plot.text(data_académie, { x: "count", y: "académie", text: (d) => d.count, fill: (d) => (d.académie == "Toulouse" ? "green" : "grey"), dx: 10 }) ] }); const button = html``; const plotContainer = html`

${plot}

`; plotContainer.style.display = "none"; button.onclick = () => { plotContainer.style.display = plotContainer.style.display === "none" ? "block" : "none"; button.textContent = plotContainer.style.display === "none" ? "Voir le diagramme - Liste des collèges de Toulouse/ L'Union et effectif" : "Masquer le diagramme - Liste des collèges de Toulouse/ L'Union et effectif"; }; return html`${button}${plotContainer}`; }37:T945,chart = { // Specify the dimensions of the chart. const width = 928; const height = width; const margin = 1; // to avoid clipping the root circle stroke const name = (d) => d.collège.split(".").pop(); // "Strings" of "flare.util.Strings" const group = (d) => d.collège.split(".")[1]; // "util" of "flare.util.Strings" const names = (d) => name(d).split(/(?=[A-Z][a-z])|\s+/g); // ["Legend", "Item"] of "flare.vis.legend.LegendItems" // Specify the number format for values. const format = d3.format(",d"); // Create a categorical color scale. const color = d3.scaleOrdinal(d3.schemeTableau10); // Create the pack layout. const pack = d3 .pack() .size([width - margin * 2, height - margin * 2]) .padding(3); // Compute the hierarchy from the (flat) data; expose the values // for each node; lastly apply the pack layout. const root = pack(d3.hierarchy({ children: data }).sum((d) => d.nb_élèves)); // Create the SVG container. const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr("style", "max-width: 100%; height: auto; font: 10px sans-serif;") .attr("text-anchor", "middle"); // Place each (leaf) node according to the layout’s x and y values. const node = svg .append("g") .selectAll() .data(root.leaves()) .join("g") .attr("transform", (d) => `translate(${d.x},${d.y})`); // Add a title. node.append("title").text((d) => `${d.data.collège}\n${format(d.value)}`); // Add a filled circle. node .append("circle") .attr("fill-opacity", 1) .attr("fill", (d) => color(d.data)) .attr("r", (d) => d.r); // Add a label. const text = node.append("text").attr("clip-path", (d) => `circle(${d.r})`); // Add a tspan for each CamelCase-separated word. text .selectAll() .data((d) => names(d.data).slice(1, 5)) //.data((d) => names(d.data)) .join("tspan") .attr("x", 0) .attr("y", (d, i, nodes) => `${i - nodes.length / 2 + 0.35}em`); //.text((d) => d); // Add a tspan for the node’s value. text .append("tspan") .attr("x", 0) .attr("y", (d) => `${names(d.data).length / 2 + 0.35}em`) .attr("fill-opacity", 0.95); //.text((d) => format(d.value)); return Object.assign(svg.node(), { scales: { color } }); }38:T53b,effectif_collèges = [ { classe: "6ème", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE TOTAL DE 6ÈMES"]) }, { classe: "5ème", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE TOTAL DE 5ÈMES"]) }, { classe: "4ème", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE TOTAL DE 4ÈMES"]) }, { classe: "3ème", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE TOTAL DE 3ÈMES"]) }, { classe: "6ème_Garçons", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE DE 6ÈMES GARÇONS"]) }, { classe: "6ème_Filles", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE DE 6ÈMES FILLES"]) }, { classe: "5ème_Garçons", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE DE 5ÈMES GARÇONS"]) }, { classe: "5ème_Filles", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE DE 5ÈMES FILLES"]) }, { classe: "4ème_Garçons", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE DE 4ÈMES GARÇONS"]) }, { classe: "4ème_Filles", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE DE 4ÈMES FILLES"]) }, { classe: "3ème_Garçons", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE DE 3ÈMES GARÇONS"]) }, { classe: "3ème_Filles", nombre: d3.sum(collèges_filtre, (d) => d["NOMBRE DE 3ÈMES FILLES"]) } ]39:[{"id":"e5c3216cc8180fec483735d393a5d184042799a40b1ffc3827a0caa16b6b6a52fb4d0247576144071a1e7b20d53ea2623c81e2fd2c9b83f55db049e2d79e8888","href":"https://static.observableusercontent.com/files/e5c3216cc8180fec483735d393a5d184042799a40b1ffc3827a0caa16b6b6a52fb4d0247576144071a1e7b20d53ea2623c81e2fd2c9b83f55db049e2d79e8888","name":"data_college_france.csv","type":"text/csv","lastModified":1701554677082.298,"size":3031602},{"id":"9eae9e7836c30f8c228f9669be04d1c97db866a7dba4938fea38f2c891b892e3c60eb6d5151ec6560d97f9c4924598e6dc9162f0f03b696a18ff492d5b991e76","href":"https://static.observableusercontent.com/files/9eae9e7836c30f8c228f9669be04d1c97db866a7dba4938fea38f2c891b892e3c60eb6d5151ec6560d97f9c4924598e6dc9162f0f03b696a18ff492d5b991e76","name":"a_reg2020_geojson.topojson","type":"application/octet-stream","lastModified":1701710660355.835,"size":317277}] 2f:{"id":"6222bfaedcd73924","slug":"les-colleges-de-france","title":"Les collèges de France","thumbnail":"d57ef12a78a97bf9ad855402d12d0fcbc0d82040f9517ed73ab33652cdd0a92f","access_level":"unlisted","create_time":"$D2023-12-02T20:23:36.255Z","update_time":"$D2025-03-20T02:34:15.034Z","view_time":null,"first_public_time":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"356546a635010146","login":"tdvz","name":"ToulouseDataviz","avatar_url":"https://avatars-next.observableusercontent.com/8cc8684f3b4b43d6bc2009295d66ea4d6c8dd1f1277afd34eb0f010ade242a05","tier":"starter_2024"},"version":619,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null}],"members":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null,"role":"editor"},{"type":"team","id":"356546a635010146","login":"tdvz","name":"ToulouseDataviz","avatar_url":"https://avatars-next.observableusercontent.com/8cc8684f3b4b43d6bc2009295d66ea4d6c8dd1f1277afd34eb0f010ade242a05","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Les collèges de France","cells":[{"id":0,"value":"# Les collèges de France","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":519,"value":"

Ou trouver des données sur les collèges

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":523,"value":" - Avec des mots clés, recherchez dans un moteur de recherche : \"données collèges éducation france\" => 123 jeux de données - Éducation Nationale - Education.gouv.fr => Jeu de données Annuaire de l'éducation ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":504,"value":"

Voir les collèges sur une carte

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":367,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":492,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":346,"value":"

Explorons les données

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":8,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":47,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":193,"value":"viewof select_location = Inputs.select(\n [\"de France\", [\"de la Haute-Garonne\"], [\"de Toulouse\"], [\"de L'Union\"]],\n {\n value: \"En France\",\n label: \"Choisir les collèges\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":112,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":354,"value":"

Et plus près de nous!

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":275,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":578,"value":"

Les collèges toulousains

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":541,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":364,"value":"__________________________________________________________________________","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":359,"value":"

Le traitement des données

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":6,"value":"data_college_france = FileAttachment(\"data_college_france.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":33,"value":"data_académie = d3\n .flatRollup(\n data_college_france,\n (v) => v.length,\n (d) => d.LIBELLE_ACADEMIE\n )\n .map(([académie, count]) => ({ académie, count }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":49,"value":"data_région = d3\n .flatRollup(\n data_college_france,\n (v) => v.length,\n (d) => d.LIBELLE_REGION\n )\n .map(([région, count]) => ({ région, count }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":278,"value":"data_collège_filtre = d3\n .flatRollup(\n collèges_filtre,\n (v) => v.length,\n (d) => d.NOMBRE_D_ELEVES\n )\n .map(([NOMBRE_D_ELEVES, count]) => ({ NOMBRE_D_ELEVES, count }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":204,"value":"collèges_filtre= {\n var temp = data_college_france;\n if (select_location == \"de France\") {\n return temp;\n }\n if (select_location == \"de la Haute-Garonne\") {\n return temp.filter((d) => +d.CODE_DEPARTEMENT == 31);\n }\n if (select_location == \"de Toulouse\") {\n return temp.filter(\n (d) => (+d.CODE_DEPARTEMENT == 31) & (d.NOM_COMMUNE == \"Toulouse\")\n );\n }\n if (select_location == \"de L'Union\") {\n return temp.filter(\n (d) => (+d.CODE_DEPARTEMENT == 31) & (d.NOM_COMMUNE == \"L'Union\")\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":225,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":315,"value":"data_collège_toulouse = data_college_france\n .filter(\n (d) =>\n (+d.CODE_DEPARTEMENT == 31) &\n (d.NOM_COMMUNE == \"Toulouse\" || d.NOM_COMMUNE == \"L'Union\")\n )\n .map(function (d) {\n return {\n collège: d.NOM_ETABLISSEMENT,\n nb_élèves: +d.NOMBRE_D_ELEVES\n };\n })\n .sort(function (a, b) {\n if (a.nb_élèves < b.nb_élèves) return -1;\n else if (a.nb_élèves > b.nb_élèves) return 1;\n return 0;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":550,"value":"data = data_collège_toulouse //.filter((d) => d.nb_élèves != 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":390,"value":"topojson.feature(a_reg2020_geojson, a_reg2020_geojson.objects.a_reg2020_geojson)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":388,"value":"a_reg2020_geojson = FileAttachment(\"a_reg2020_geojson.topojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":476,"value":"académies_liste = Array.from(\n new Set(\n data_college_france\n .filter(\n (d) =>\n (+d.CODE_DEPARTEMENT > 0) & (+d.CODE_DEPARTEMENT < 95) ||\n d.LIBELLE_ACADEMIE == \"Corse\"\n )\n .map((d) => d.LIBELLE_ACADEMIE)\n )\n).sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":482,"value":"zone = [\n \"B\",\n \"B\",\n \"A\",\n \"A\",\n \"A\",\n \"Autre\",\n \"C\",\n \"A\",\n \"A\",\n \"B\",\n \"A\",\n \"A\",\n \"C\",\n \"B\",\n \"B\",\n \"B\",\n \"B\",\n \"B\",\n \"C\",\n \"A\",\n \"B\",\n \"B\",\n \"B\",\n \"C\",\n \"C\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":486,"value":"zone_vacances = d3.scaleOrdinal().domain(académies_liste).range(zone)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":349,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 30:"$2f:body"