2a:null 2b:["$","title",null,{"children":"Pompiers Haute-Saône WIP | Erwan Vinot | Observable"}] 30:T5ec,bertin.draw({ params: { projection: lambert93, extent: hauteSaone, margin: 30, background: "white" }, layers: [ { type: "header", text: "Temps de trajet en " + form.choixVehicule + " des casernes de pompiers aux adresses de la Haute-Saône", background: "#5D8F54", fill: "white", fontSize: 24, anchor: "start" }, { type: "text", text: adresseTexte(form.choixRecherche), background: "#5D8F54" }, { type: "footer", text: `↑ Nord ↑ | openrouteservice, OpenStreetMap contributers | EPSG:2154 RGF93 / Lambert-93 | Erwan Vinot, 2023 D3.JS, Bertin.js` }, { type: "scalebar", units: "kilometers", x: 800, y: 660 }, { type: "layer", geojson: casernesTemps, fill: { type: "choro", values: "temps", nbreaks: nbreaks, method: method, //pal: pal, colors: palette1, leg_title: `Temps (min)`, leg_x: 100, leg_y: 100 }, symbol_size: 100, tooltip: ["$nom", "$temps", "Minutes en", form.choixVehicule] }, { type: "layer", geojson: hauteSaone, fill: "grey" }, { type: "shadow", geojson: hauteSaone, dx: 5, dy: 5, opacity: 0.7 }, { type: "hatch", angle: 87, spacing: 78 }, { type: "hatch", angle: 177, spacing: 78 } ] })31:[] 2e:{"id":"dd312daa8d8cf132","slug":"pompiers70","title":"Pompiers Haute-Saône WIP","thumbnail":"152bdee8e76a8cfb64442813da8dd05a7157daddf8b09898b74c03b00111737e","access_level":"public","create_time":"$D2023-04-30T14:58:02.762Z","update_time":"$D2024-02-27T08:57:37.592Z","view_time":null,"first_public_time":"$D2023-04-30T14:58:02.762Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"d566c5eefde45f57","login":"ve","name":"Erwan Vinot","avatar_url":"https://avatars-next.observableusercontent.com/c755f3e157b7a2713dd9b99ae6d708461888bf021a63291ec0082c0be57acf53","tier":"starter_2024"},"version":2367,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"cbd4af09aa30bccc","login":"ve","name":"Erwan Vinot","avatar_url":"https://avatars-next.observableusercontent.com/c755f3e157b7a2713dd9b99ae6d708461888bf021a63291ec0082c0be57acf53","tier":null}],"members":[{"type":"individual","id":"cbd4af09aa30bccc","login":"ve","name":"Erwan Vinot","avatar_url":"https://avatars-next.observableusercontent.com/c755f3e157b7a2713dd9b99ae6d708461888bf021a63291ec0082c0be57acf53","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Pompiers Haute-Saône WIP","cells":[{"id":2232,"value":"# Pompiers Haute-Saône WIP","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1982,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":393,"value":"viewof form = Inputs.form({\n //langue: Inputs.checkbox([\"FR\", \"EN\"], {label: \"Langue\"}), //english WIP\n choixVehicule: Inputs.radio([\"voiture\", \"camion\"], {\n label: \"Véhicule\",\n value: \"voiture\"\n }),\n choixRecherche: Inputs.radio([\"slider\", \"searchBar\"], {\n label: \"Méthode\",\n value: \"searchBar\"\n }),\n Recherche: Inputs.search(arrayAdresses.map((obj) => obj.adresse)),\n adresseID: Inputs.range([1, arrayAdresses.length - 2], {\n label: \"ID de l'adresse à étudier\",\n step: 1\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":860,"value":"\"résultat affiché sur la carte: \" + adresseTexte(form.choixRecherche)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":865,"value":"rechercheHelper","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":858,"value":"tempsTrajet","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":885,"value":"Plot.plot({\n marginLeft: 163,\n insetLeft: 33,\n x: {\n label: \"Temps (min)\"\n },\n color: {\n type: \"linear\",\n reverse: true,\n scheme: \"RdYlGn\",\n legend: false\n },\n marks: [\n Plot.auto(tempsTrajet, {x: \"temps\", y: \"caserne\", fx: \"vehicule\", color: \"temps\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":730,"value":"

Import / traitement initial

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":612,"value":"data = d3.csv(\"https://raw.githubusercontent.com/Erwan-Vinot/pompiers70/main/observablePrototype/data/csv/AdresseTempsInterWeb.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":705,"value":"

Création d'un dictionnaire avec les adresses

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"arrayAdresses = data.map((r) => {\n //\n\n const myDict = {\n adresse: [r.numero, r.rep, r.nom_1, r.code_post, r.nom_com].join(\" \")\n };\n Object.entries(r).forEach(function (feature) {\n if (\n ![\"numero\", \"rep\", \"nom_1\", \"code_post\", \"nom_com\"].includes(feature[0])\n ) {\n myDict[feature[0]] = feature[1];\n }\n });\n\n return myDict;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1840,"value":"

Si erreur (Pas de correspondance dans la barre de recherche)

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":754,"value":"arrayAdressesSimple = arrayAdresses.map(function (obj) { //pour alléger l'étape suivante et la recherche\n var keys = Object.keys(obj);\n var values = keys.slice(0, 2).map(function (key) {\n return obj[key];\n });\n return values;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1714,"value":"testRechercheCorrecte = (e) => {\n // si erreur\n if (form.Recherche.length == 0) {\n return [\"5001 PL DE L'EUROPE 70400 HERICOURT\", \"0\"];\n } else {\n return arrayAdressesSimple.filter((subarray) => {\n return subarray[0] == form.Recherche[0];\n });\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2095,"value":"resultat = testRechercheCorrecte()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":868,"value":"

Test choix de la méthode de recherche

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":830,"value":"testMethode = (e) => {\n if (e == \"slider\") {\n return arrayAdresses.filter((row) => row.id_adresse == form.adresseID);\n } else {\n return arrayAdresses.filter((row) => row.id_adresse == resultat[0][1]);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1908,"value":"

Création de l'array des temps de trajet

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"tempsTrajet = {\n const tempsTrajet = [];\n Object.entries(testMethode(form.choixRecherche)[0]).forEach(function (\n feature\n ) {\n // Parcourir toutes les clés des objets pour trouver celles contenant des temps de réponse\n if (\n feature[0].endsWith(\"_MIN_\" + form.choixVehicule.toUpperCase()) &&\n feature[1] != \"\"\n ) {\n // Extraire le nom de la caserne et le type de véhicule à partir de la clé, et le temps à partir de la valeur\n var parts = feature[0].split(\"_\");\n\n tempsTrajet.push({\n caserne: parts[0],\n temps: parseInt(feature[1]),\n vehicule: parts[2]\n }); //remplissage\n\n tempsTrajet.sort((a, b) => {\n return a.temps - b.temps;\n }); // tri temps croissant\n }\n });\n return tempsTrajet;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2317,"value":"

Gadget

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":843,"value":"adresseTexte = (e) => {\n // pour l'affichage carto\n if (e == \"slider\") {\n return arrayAdresses[form.adresseID].adresse;\n }\n if ((e = \"slider\" && form.Recherche.length == 0)) {\n return \"Pas de résultat !\";\n } else {\n return arrayAdresses[resultat[0][1]].adresse;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1680,"value":"dataRecherche = (e) => {\n //pour l'aide recherche\n if (e == 0) {\n return [\"Pas d'adresse trouvée\"];\n } else {\n return form.Recherche;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1688,"value":"rechercheHelper = dataRecherche(form.Recherche.length) //affichage tableau des résultats possibles avec la recherche actuelle","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":713,"value":"

Dependencies

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":178,"value":"d3 = require(\"d3@7\", \"d3-geo-projection@4\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"bertin = require(\"bertin@latest\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"lambert93 = \"+proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"nbreaks = 6","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"viewof method = Inputs.select(\n [\"jenks\", \"q6\", \"quantile\", \"equal\", \"msd\", \"geometric\"],\n {\n label: \"method\",\n value: \"jenks\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"viewof color1 = Inputs.color({ label: \"color1\", value: \"#25de0d\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1918,"value":"viewof color2 = Inputs.color({ label: \"color2\", value: \"#ff0000\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1920,"value":"palette1 = d3.quantize(d3.interpolateHcl(color1, color2), nbreaks)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1923,"value":"{\n const h = 30;\n const boxw = width / nbreaks;\n const svg = d3.create(\"svg\").attr(\"viewBox\", [0, 0, width, h]);\n\n svg\n .selectAll(\"rect\")\n .data(palette1)\n .join(\"rect\")\n .attr(\"x\", (d, i) => i * boxw)\n .attr(\"y\", 0)\n .attr(\"height\", h)\n .attr(\"width\", boxw)\n .attr(\"fill\", (d) => d)\n .attr(\"stroke\", \"black\")\n .attr(\"stroke-width\", 0.1);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":715,"value":"

Import données géographiques

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":182,"value":"casernes = d3.json(\n \"https://raw.githubusercontent.com/Erwan-Vinot/pompiers70/main/observablePrototype/data/json/casernes70wgs84.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"hauteSaone = d3.json(\n \"https://raw.githubusercontent.com/Erwan-Vinot/pompiers70/main/observablePrototype/data/json/dpt70wgs84.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"casernesTemps = bertin.merge(casernes, \"nom\", tempsTrajet, \"caserne\")\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2203,"value":"

Essais link

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2243,"value":"wip","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2f:"$2e:body"