31:T795,intro = md`

[](https://www.editionsducommun.org/collections/all/products/ou-sont-les-gens-du-voyage-william-acker)

Ce n’est pas un hasard si les plus proches riverains de l’usine Lubrizol, partie en fumée toxique fin septembre 2019 à Rouen, étaient les habitant·es de l’aire d’accueil des « gens du voyage » de Petit-Quevilly. Partout en France, les lieux « d’accueil » attribués aux personnes relevant de cette dénomination administrative se trouvent à l’extérieur des villes, loin de tout service, ou dans des zones industrielles à proximité de diverses sources de nuisances. Constatant l’absence de chiffres opposables aux pouvoirs publics sur l’isolement de ces zones et leur rôle dans les inégalités environnementales, William Acker a décidé de les recenser, département par département, dans son livre *[Où sont les « gens du voyage » ? Inventaire critique des aires d’accueil](https://www.editionsducommun.org/collections/all/products/ou-sont-les-gens-du-voyage-william-acker)*, Éditions du Commun, 2021.

**Nous partageons ci-dessous cette base de données,** sous forme d'une cartographie interactive, et d'un fichier à télécharger pour que chacun·e puisse faire ses propres analyses. Il est possible que cet inventaire, que nous voulons aussi précis que possible, comporte des erreurs ; n’hésitez pas à nous les signaler, ou d'ailleurs à nous contacter pour toute question. Le fichier sera mis à jour régulièrement à partir des informations nouvelles et de l’évolution de la situation. *(Date de mise à jour : ${date}; corrigées d’un bug technique le 19.02.24)* `32:T11f8,createmap = () => { const div = d3.create("div").style("width", width); const details = div .append("div") .style("position", "absolute") .style("top", 0) .style("right", 0) .style("width", "350px") .style("height", "400px"); const svg = div.append("svg"); svg .style("width", width) .attr("viewBox", [0, 0, width, Math.min(height, 750)]) .style("font", "12px sans-serif"); const path = d3.geoPath(projection).pointRadius(2); const hStyle = svg.append("defs").append("style"); const g = svg.append("g").style("vector-effect", "non-scaling-stroke"); svg.style("background", "white"); const bg = g .append("g") .on( "click", () => ( details.html(``), dots .selectAll(".dot") .classed("selected", false) .classed("highlight", false) ) ); bg.append("path") .datum(topojson.merge(deptsTopo, deptsTopo.objects.departements.geometries)) .attr("d", path) .style("fill", "rgba(0,0,0,0.03)") .style("stroke", "black") .style("stroke-width", ".75"); bg.append("path") .datum(topojson.mesh(deptsTopo)) .attr("d", path) .style("fill", "none") .style("stroke-width", 0.25) .style("stroke", "black"); const phantoms = g .append("path") .attr("id", "phantoms") .style("fill", "#ddd") .datum({ type: "MultiPoint", coordinates: aires2.map((d) => [d.lon, d.lat]) }) .attr("d", path); const dots = g.append("g").attr("id", "dots").style("cursor", "pointer"); const deptLabelsBg = g .append("g") .style("text-anchor", "middle") .selectAll("text") .data(topojson.feature(deptsTopo, deptsTopo.objects.departements).features) .join("text") .text((d) => `${d.properties.code}`) .attr("transform", (d) => `translate(${labelPos(d)})`) .attr("pointer-events", "none"); const deptLabels = deptLabelsBg.clone(true); deptLabelsBg.style("stroke", "white").style("stroke-width", 2.5); let r = 1; const zoom = d3 .zoom() .scaleExtent([0.8, 10]) .on("zoom", ({ transform }) => { g.attr("transform", transform); r = 1 / Math.sqrt(transform.k); deptLabels.style("font", `${12 * Math.pow(r, 1.5)}px sans-serif`); deptLabelsBg .style("font", `${12 * Math.pow(r, 1.5)}px sans-serif`) .style("stroke-width", 2.5 * r * r); if (transform.k > 8) { deptLabelsBg.text((d) => `${d.properties.code}. ${d.properties.nom}`); deptLabels.text((d) => `${d.properties.code}. ${d.properties.nom}`); } else { deptLabelsBg.text((d) => `${d.properties.code}`); deptLabels.text((d) => `${d.properties.code}`); } resize(); }); svg.call(zoom).call(zoom.transform, d3.zoomIdentity); return Object.assign(div.node(), { update }); function update(data) { const pts = dots .selectAll(".dot") .data(data) .join("g") .html("") // remove old title .attr("transform", (d) => `translate(${d.x0},${d.y0}`) .style("stroke-width", 0.75) .style("stroke", "#333") .attr("class", "dot") .style("fill", (d) => color(d.Note)); pts.filter((d) => d.Note != 3).append("circle"); pts.filter((d) => d.Note == 3).append("rect"); // SEVESO en carrés pts.append("title").text((d) => d.Ville); pts.on("mouseover", function () { const that = this; d3.select(that).raise(); pts.classed("highlight", function () { return this === that; }); }); pts.on("click", (event, d) => { if (d === details.datum()) d = undefined; details.datum(d); details.html(tipcontent); pts.classed("selected", (x) => x === d); event.preventDefault(); }); pts.attr("cx", (d) => d.x).attr("cy", (d) => d.y); resize(); } function resize() { phantoms.attr("d", path.pointRadius(2 * r)); const a = Math.min(1, Math.pow(r, 1.8)); dots .selectAll(".dot circle") .attr("r", 3 * r) .attr("cx", (d) => a * d.x + (1 - a) * d.x0) .attr("cy", (d) => a * d.y + (1 - a) * d.y0) .style("vector-effect", "non-scaling-stroke"); dots .selectAll(".dot rect") .attr("width", 5.5 * r) .attr("height", 5.5 * r) .attr("x", (d) => a * d.x + (1 - a) * d.x0 - (5.5 * r) / 2) .attr("y", (d) => a * d.y + (1 - a) * d.y0 - (5.5 * r) / 2) .style("vector-effect", "non-scaling-stroke"); hStyle.text(` circle.highlight {stroke-width: 2!important} circle.selected {stroke-width: 3!important} `); } }33:[{"id":"a40c4c3b93d535023fd2bb80cc2a626e523c634e0d30d119e51e53764c57925ec43ec6e176df7342dc2431b7b7e85518c026178e91f27c99a3c730ae27daad45","href":"https://static.observableusercontent.com/files/a40c4c3b93d535023fd2bb80cc2a626e523c634e0d30d119e51e53764c57925ec43ec6e176df7342dc2431b7b7e85518c026178e91f27c99a3c730ae27daad45","name":"aires@7.csv","type":"text/csv","lastModified":1708358181476.071,"size":186764},{"id":"20412ca9024d69873db3e5b600b5dac2c4dbf58a2fe21a61e30759a9d279601ef78e133db2feedc745f6561e9593a5ef2a49542cd4369fc74a67c93e8d52bf14","href":"https://static.observableusercontent.com/files/20412ca9024d69873db3e5b600b5dac2c4dbf58a2fe21a61e30759a9d279601ef78e133db2feedc745f6561e9593a5ef2a49542cd4369fc74a67c93e8d52bf14","name":"departements.json","type":"application/json","lastModified":1616616992883.596,"size":965330},{"id":"6b13750e1e9672172f8a3d3b4e14115f7beddc047cc38ae94f0217454bdbbf54496eed2e6b36b203e09a65cfa00f9143c523c22b6edf9bb194498c13015090fb","href":"https://static.observableusercontent.com/files/6b13750e1e9672172f8a3d3b4e14115f7beddc047cc38ae94f0217454bdbbf54496eed2e6b36b203e09a65cfa00f9143c523c22b6edf9bb194498c13015090fb","name":"aires@5.csv","type":"text/csv","lastModified":1617549797243.83,"size":186546},{"id":"00bc5a3565d5f0691dd12006e9f8e6a49cb8fe92cd84e707c3772aaed38ce846078f858b73dc89071e3185d02f7656dd36cce5e17a502c62e7a9022cb2b01b95","href":"https://static.observableusercontent.com/files/00bc5a3565d5f0691dd12006e9f8e6a49cb8fe92cd84e707c3772aaed38ce846078f858b73dc89071e3185d02f7656dd36cce5e17a502c62e7a9022cb2b01b95","name":"aires@4.csv","type":"text/csv","lastModified":1616602113486.242,"size":177268},{"id":"9202c31bd6ab651bc88b864d509fe15d737447f1873c3a2c9bd2a8ff4d1ae0bf8e8f5ef71772a477cc9e2a0582a92973066f3db19ea6762fb23577610aa1b357","href":"https://static.observableusercontent.com/files/9202c31bd6ab651bc88b864d509fe15d737447f1873c3a2c9bd2a8ff4d1ae0bf8e8f5ef71772a477cc9e2a0582a92973066f3db19ea6762fb23577610aa1b357","name":"departements-simplifies.json","type":"application/json","lastModified":1616829680829.634,"size":72655},{"id":"500326e6693216b7e049bc47ad332f6c20e1050c3fac40f99592d4e1afaaa5ecda754f6e5c4b1fdf6c758bb3ab08248b1d525aaeac9bb21801ab73f51efbad07","href":"https://static.observableusercontent.com/files/500326e6693216b7e049bc47ad332f6c20e1050c3fac40f99592d4e1afaaa5ecda754f6e5c4b1fdf6c758bb3ab08248b1d525aaeac9bb21801ab73f51efbad07","name":"aires@6.csv","type":"text/csv","lastModified":1618432856787.392,"size":186753}] 2f:{"title":"Aires d’accueil des « Gens du voyage »","cells":[{"id":0,"value":"presentation = md`# Aires d’accueil des « Gens du voyage »\n\n*Export officiel, par [@visionscarto](https://visionscarto.net/), des données collectées par William Acker dans le cadre de l’inventaire critique publié sous le titre « Où sont les “gens du voyage” ? ».*\n\nURL de référence : https://visionscarto.net/aires-d-accueil-les-donnees\n\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":800,"value":"legende = md`

**Note pour l’emplacement (selon isolement et pollution):
\n**${color\n .domain()\n .map(\n (note) =>\n ` ${note}. ${notes[note]}
`\n )}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":626,"value":"map = createmap()","pinned":false,"hidden":false,"mode":"ojs"},{"id":960,"value":"mutable debug = null","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"viewof search = (s => (s.setAttribute(\"autocomplete\", \"off\"), s))(\n Search(aires2, {\n placeholder: \"Recherche (nom de ville, mot-clé…)\",\n _datalist: d3.sort(\n new Set(\n aires\n .map(d => `${d.depno} ${d.Ville}`)\n .concat(aires.map(d => `${d.depno} ${d.dept}`))\n )\n ),\n format: d =>\n d > 1 ? `${d} résultats` : d == 1 ? `${d} résultat` : `aucun résultat`\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"viewof caracteristique = Select(\n [null, ...[...new Set(aires.map(d => d[\"Caractéristique\"]))].sort()],\n {\n label: \"Caractéristique*\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":172,"value":"viewof depno = Select(\n new Map(\n [[\"\", null]].concat(\n d3\n .sort(aires, d => d.depno)\n .map(d => [`${d[\"depno\"]} - ${d[\"dept\"]}`, d[\"depno\"]])\n )\n ),\n {\n label: \"Département\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":462,"value":"viewof note = Select(\n new Map(\n [[\"\", null]].concat(\n d3\n .sort(aires, d => d.Note)\n .map(d => [`${+d[\"Note\"]}. ${notes[+d[\"Note\"]]}`, d[\"Note\"]])\n )\n ),\n {\n label: \"Note\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":315,"value":"statistiques = (map.update(data),\nmd`*Nombre d’aires sélectionnées : **${data.length}**.*\n${\n data.length\n ? `\n*Distance moyenne à la mairie : **${formatFr.format(\",\")(\n +d3.mean(data, d => d[\"distance_mairie_km\"]).toFixed(1)\n )}** km.*`\n : \"\"\n}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"viewof data = Table(selection, {\n rows: 23,\n columns: [\n \"depno\",\n // \"dept\",\n \"Ville\",\n \"Caractéristique\",\n // \"lon\", \"lat\",\n // \"coords\",\n \"Distance Mairie\",\n \"Nuisances proches\",\n \"Caractéristique de l'isolement\",\n // \"Isolement du tissu urbain d'habitation\",\n \"Commentaires\",\n \"Note\"\n ],\n width: {\n depno: 40,\n Note: 40,\n Caractéristique: 110,\n \"Distance Mairie\": 110,\n \"Caractéristique de l'isolement\": 200\n },\n format: {\n Note: x => html`

${x}`\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":557,"value":"download1 = md`\\\\* _Les aires d’accueil sont classées par grandes caractéristiques : aires d’habitat, de petit passage, de grand passage (GP)._\n\n### Téléchargement\n\nVous pouvez télécharger les données (fichier au format CSV) en cliquant sur le bouton ci-dessous. N’hésitez pas à nous contacter pour toute question, ou pour partager vos visualisations.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":544,"value":"download = button(\n aires,\n `aires-d-accueil-william-acker-visionscarto-${date}.csv`,\n {\n download: \"Télécharger :\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":759,"value":"licence = md`*Données mises à disposition selon les termes de la Licence Creative Commons Attribution – Pas d’Utilisation Commerciale – Partage dans les Mêmes Conditions 4.0 International (CC-BY-NC-SA).*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"md`----\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"md`---\n_ci-dessous, les joies du code_`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"aires = FileAttachment(\"aires@7.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"date = \"2021-04-14\" // date de mise à jour des données","pinned":false,"hidden":false,"mode":"ojs"},{"id":467,"value":"notes = ({\n 0: \"Aire non isolée, non polluée\",\n 1: \"Aire isolée ou polluée\",\n 2: \"Aire isolée et polluée\",\n 3: \"Proximité d’un site SEVESO\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":360,"value":"aires2 = {\n const a = aires\n .filter(d => !isNaN(d.lon)) // 93\tSeine-Saint-Denis\tPantin\taccueil\tProjet au 172 avenue Jean Jaures\n .map(d => {\n const q = projection([+d.lon, +d.lat]),\n p = { x: q[0], y: q[1], x0: q[0], y0: q[1] };\n return { ...d, ...p };\n });\n\n d3.forceSimulation(a)\n .force(\"x\", d3.forceX(d => d.x0))\n .force(\"y\", d3.forceY(d => d.y0))\n .force(\"collide\", d3.forceCollide().radius(2.2))\n .tick(20)\n .stop();\n\n return d3.sort(a, d => d.depno, d => d.Ville);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":289,"value":"selection = {\n const selection = search.filter(d => {\n if (caracteristique && d[\"Caractéristique\"] != caracteristique)\n return false;\n if (depno && d[\"depno\"] != depno) return false;\n if (note && d[\"Note\"] != note) return false;\n return true;\n });\n\n return selection;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":917,"value":"airesGeojson = ({\n type: \"FeatureCollection\",\n features: aires\n .filter((d) => +d.lon && +d.lat) // filter out non-valid geometries\n .map((d) => ({\n type: \"Feature\",\n properties: { ...d },\n geometry: { type: \"Point\", coordinates: [+d.lon, +d.lat] }\n }))\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":527,"value":"function labelPos(d) {\n const p = projection(d3.geoCentroid(d));\n if (d.properties.code === \"92\") {\n p[0] -= 2;\n p[1] += 1.5;\n }\n return p;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":203,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":234,"value":"function tipcontent(d) {\n if (!d) return ``;\n return `\n

${d.Ville} (${\n d.depno\n }. ${d.dept})

\n${d[\"coords\"]}\n

\n
Distance mairie : ${d[\"Distance Mairie\"]} (${\n d[\"Temps de trajet à pied pour la mairie\"]\n })\n${\n d[\"Nuisances proches\"]\n ? `
Nuisances proches : ${d[\"Nuisances proches\"]}`\n : \"\"\n}\n\n\n\n
${d[\"Commentaires\"]}\n
Type : ${d[\"Caractéristique\"]}\n

`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"import { Search as __disabled, Select, Table } from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":789,"value":"import { Search } from \"@fil/search-normalize\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"projection = d3\n .geoConicConformal()\n .rotate([-3, 0])\n .center([0, 46.5])\n .parallels([44, 49]) // Lambert 93\n .fitExtent(\n [\n [10, 10],\n [Math.min(height, 750) - 10, Math.min(height, 750) - 20]\n ],\n depts\n )","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"// Source: gregoiredavid/france-geojson + mapshaper\ndeptsTopo = FileAttachment(\"departements-simplifies.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":81,"value":"topojson.mergeArcs(deptsTopo, deptsTopo.objects.departements.geometries)","pinned":true,"hidden":false,"mode":"ojs"},{"id":74,"value":"depts = topojson.feature(deptsTopo, deptsTopo.objects.departements)","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"// https://coolors.co/140279-b63e6a-fdae61-abdda4\ncolor = d3.scaleOrdinal(\n [0, 1, 2, 3],\n [\n \"#abdda4\" /* vert */,\n \"#fdae61\" /* orange */,\n \"#B63E6A\" /* rouge */,\n \"#140279\" /* violet */\n ]\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"import { height } from \"@fil/height\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":458,"value":"formatFr = d3.formatLocale({ decimal: \",\" })","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":542,"value":"// https://observablehq.com/@jeremiak/download-data-button\nbutton = (data, filename = \"data\", { download = \"Download\" } = {}) => {\n if (!data) throw new Error(\"Array of data required as first argument\");\n\n let downloadData;\n if (filename.includes(\".csv\")) {\n downloadData = new Blob([d3.csvFormat(data)], { type: \"text/csv\" });\n } else if (filename.includes(\".zip\")) {\n downloadData = new Blob([data], { type: \"application/zip\" });\n } else if (filename.includes(\".svg\")) {\n downloadData = new Blob([data], { type: \"image/svg\" });\n } else {\n downloadData = new Blob([JSON.stringify(data, null, 2)], {\n type: \"application/json\"\n });\n }\n\n const size = (downloadData.size / 1024).toFixed(0);\n const button = DOM.download(\n downloadData,\n filename,\n `${download} ${filename}` // (~${size} KB)`\n );\n return button;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":936,"value":"button(d3.select(map).select(\"svg\").node().outerHTML, \"map.svg\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}