2b:null 2c:["$","title",null,{"children":"Chantiers de Toulouse | Alain Roan | Observable"}] 31:Tdac,carte = { // set up the basic map let parent = DOM.element("div", { style: `width:${width}px;height:${width / 1.5}px` }); yield parent; const map = L.map(parent).setView([43.6, 1.451], 13); // higher numbers are more zoomed in map.options.maxZoom = 15; map.options.minZoom = 11; map.scrollWheelZoom.disable(); const osmTileLayer = L.tileLayer( "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: '© OpenStreetMap' } ).addTo(map); L.svg().addTo(map); const overlay = d3.select(map.getPanes().overlayPane); const svg = overlay.select("svg"); const color = d3 .scaleOrdinal() .domain([1, 2, 3, 4, 5]) .range(["green", "green", "#fe9929", "#d95f0e", "red"]); const intensity = d3 .scaleOrdinal() .domain([0, 1, 2, 3, 4, 5]) .range([0, 4, 8, 12, 16, 20]); const zoomcorrection = d3.scaleLinear().domain([12, 19]).range([1, 10]); const duration = d3 .scaleLinear() .domain([1, 30, 60, 90]) // 3 months is the highest visible .clamp(true) .range([0, 0.4, 0.6, 1]); const colorDuration = d3 .scaleLinear() .domain([1, 4, 12, 25, 52]) // nb of weeks .range(["green", "#fe9929", "#d95f0e", "red", "black"]); data .filter((d) => StartedSince(d.datedebut) > 0) // && StartedSince(d.datefin) < 0) .forEach((d) => { let marker = L.marker({ lng: d.geo_point_2d.lng, lat: d.geo_point_2d.lat }); const encore = (new Date(d.datefin) - new Date()) / (1000 * 60 * 60 * 24); marker .bindPopup( `

${PrettyVoie(d.voie)}

${PrettyLibelle(d.libelle)}

Encore : ${PrettyDuration(encore)}
Circulation : ${d.circulation}

` ) .addTo(map); marker.setOpacity(0); }); //------ const CS = svg .selectAll("circle") .data(data.filter((d) => StartedSince(d.datedebut) > 0)) .enter() .append("circle") .attr("cx", (d) => map.latLngToLayerPoint(d.geo_point_2d).x) .attr("cy", (d) => map.latLngToLayerPoint(d.geo_point_2d).y) .attr("r", (e) => { return sizeRadius(e); }) .style("stroke-width", (e) => { return sizeStroke(e); }) .style("stroke", (e) => { return color(e.duree); }) .style("stroke-opacity", 1) .style("fill-opacity", 0) .style("cursor", "pointer"); // Repositionne les cercles en cas de zoom const update = () => { CS.attr("cx", (d) => map.latLngToLayerPoint(d.geo_point_2d).x); CS.attr("cy", (d) => map.latLngToLayerPoint(d.geo_point_2d).y); }; map.on("zoomend", update); //----------------------------------------------------- function size() { return Math.max(0, zoomcorrection(map.getZoom())); } function percentStroke(d) { //0 = just border //1 = full moon var alp = duration(d.duree); return alp; } function apparentRadius(d) { //return 0.25 * intensity(d.intensity(modeTransport)) * size(); return 0.25 * intensity(d.duree) * size(); } function sizeStroke(d) { var s = percentStroke(d) * apparentRadius(d); //if (intensity(d.intensity(modeTransport)) > 19) { if (intensity(d.duree) > 19) { return Math.max(1, s); } { return Math.max(2, s); } } function sizeRadius(d) { var int = apparentRadius(d); return int * (1 - percentStroke(d) / 2); } }32:[{"id":"1ecdffbf7580f7876c600e2a82b9c78decbb317ce4e115a1f3376f30025650dd8d18d25a227620460b3b587e74d8a9fb42b2a5d8b3d064105e7a6ba9faf50255","href":"https://static.observableusercontent.com/files/1ecdffbf7580f7876c600e2a82b9c78decbb317ce4e115a1f3376f30025650dd8d18d25a227620460b3b587e74d8a9fb42b2a5d8b3d064105e7a6ba9faf50255","name":"legend-3x.png","type":"image/png","lastModified":1714488093514.021,"size":169389},{"id":"81e1ecdbd99677c9d3d3925772648b67d0240e5866be1c823430c3849c562ceecaa610876727c979aefec1dff21aeefe39b1b67d411fee72317c212befff61c0","href":"https://static.observableusercontent.com/files/81e1ecdbd99677c9d3d3925772648b67d0240e5866be1c823430c3849c562ceecaa610876727c979aefec1dff21aeefe39b1b67d411fee72317c212befff61c0","name":"legend.svg","type":"image/svg+xml","lastModified":1714488235908.579,"size":3901},{"id":"20d42e58500f19723737a0cb09a62539c92190563d17b0f104b3351de85defbb725837867c86d67e3e0348134d7f6d5ddb31f086690707d6ad0d6512a1d1852d","href":"https://static.observableusercontent.com/files/20d42e58500f19723737a0cb09a62539c92190563d17b0f104b3351de85defbb725837867c86d67e3e0348134d7f6d5ddb31f086690707d6ad0d6512a1d1852d","name":"raw (1).json","type":"application/json","lastModified":1718110705576.98,"size":1093604}] 2f:{"id":"0fdd2dc901ebbd03","slug":"chantiers-de-toulouse","title":"Chantiers de Toulouse","thumbnail":"9a11fd95adaa328a48ed7ffa423530803298bc08b4c964a62dcac9b406a2d5f6","access_level":"public","create_time":"$D2024-03-07T13:00:14.220Z","update_time":"$D2024-10-31T13:21:21.474Z","view_time":null,"first_public_time":"$D2024-03-07T13:00:14.220Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"f8fce27399341cf5","login":"alainro","name":"Alain Roan","avatar_url":"https://avatars-next.observableusercontent.com/877e36b5e75080b8597092e60b8898e6742bba1f4f7ba12f909dbeae5228fce3","tier":"starter_2024"},"version":610,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1e78bb64fcda4384","login":"alainro","name":"Alain Roan","avatar_url":"https://avatars-next.observableusercontent.com/877e36b5e75080b8597092e60b8898e6742bba1f4f7ba12f909dbeae5228fce3","tier":null}],"members":[{"type":"individual","id":"1e78bb64fcda4384","login":"alainro","name":"Alain Roan","avatar_url":"https://avatars-next.observableusercontent.com/877e36b5e75080b8597092e60b8898e6742bba1f4f7ba12f909dbeae5228fce3","tier":null,"role":"editor"},{"type":"team","id":"f8fce27399341cf5","login":"alainro","name":"Alain Roan","avatar_url":"https://avatars-next.observableusercontent.com/877e36b5e75080b8597092e60b8898e6742bba1f4f7ba12f909dbeae5228fce3","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Chantiers de Toulouse","cells":[{"id":0,"value":"# Chantiers de Toulouse\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"## Récupération en temps réel des données sur data.gouv.fr","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":544,"value":"Travail en cours mais complètement fonctionnel","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":295,"value":"raw = d3.json(\n \"https://www.data.gouv.fr/fr/datasets/r/706125f9-13de-486d-96c6-cde4be2e4eff\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"data.sort((a, b) => b.duree - a.duree)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":521,"value":"data = raw.map((d) => {\n // Quelques adaptations\n d.geo_point_2d.lng = d.geo_point_2d.lon;\n delete d.geo_point_2d[\"lon\"];\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":603,"value":"Array.from(d3.group(data, (d) => d.pole))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"## Tracé de la carte de Toulouse","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":534,"value":"Zoom + ou - cliquer sur le centre d'un cercle pour les infos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":537,"value":"legend = FileAttachment(\"legend.svg\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"//viewof range = Inputs.range([0, 100], { label: \"Date\", step: 1 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"def = {\n return {\n \"Occupation du trottoir\": [2, 0, 3, 0],\n \"Occupation de 1 file\": [3, 2, 0, 2],\n Alternat: [2, 3, 0, 2],\n \"Occupation de la piste cyclable\": [2, 1, 1, 3],\n \"Rue sens unique\": [4, 4, 0, 2],\n \"Rue barrée\": [5, 5, 5, 5],\n \"Occupation de la contre allée\": [3, 2, 1, 1],\n \"Rue traversée par 1/2 chaussée\": [3, 3, 0, 2],\n \"Occupation de couloir de bus\": [3, 1, 0, 1],\n \"Occupation de 2 files\": [3, 2, 0, 2]\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"sumgenes = function (g) {\n const rv = [0, 0, 0, 0];\n g.split(\" - \").forEach((d) => {\n rv[0] += def[d][0];\n rv[1] += def[d][1];\n rv[2] += def[d][2];\n rv[3] += def[d][3];\n });\n return rv;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"//---------------------------------------------------\ngene = //--------------------------------------------------- //Général, Voiture, Piéton, Cycliste\n{\n const gene = {\n \"Gêne de la circulation\": [2, 1, 0, 1],\n \"Occupation de 1 file\": [3, 2, 0, 2],\n \"Occupation de 2 files\": [3, 2, 0, 2],\n \"Occupation de couloir de bus\": [3, 1, 0, 1],\n \"Occupation de la contre allée\": [3, 2, 1, 1],\n \"Occupation du trottoir\": [2, 0, 3, 0],\n \"Occupation de la piste cyclable\": [2, 1, 1, 3],\n Alternat: [2, 3, 0, 2],\n \"Rue traversée par 1/2 chaussée\": [3, 3, 0, 2],\n \"Rue traversée par 1/3 chaussée\": [3, 3, 0, 2],\n \"Rue sens unique\": [4, 4, 0, 2],\n \"Rue traverse\": [4, 3, 0, 1],\n \"Rue barrée\": [5, 5, 5, 5],\n \"Sans incidence sur la circulation\": [1, 0, 0, 0]\n };\n return gene;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"color = (g) => {\n let col = \"green\";\n if (gene[g] === undefined) return \"red\";\n switch (gene[g][0]) {\n case 1:\n col = \"green\";\n break;\n case 2:\n col = \"orange\";\n break;\n case 3:\n col = \"red\";\n break;\n case 4:\n col = \"purple\";\n break;\n case 5:\n col = \"black\";\n break;\n }\n return col;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"StartedSince = (d) => {\n const b = new Date(d);\n const t = new Date();\n return Math.round((t - b) / (24 * 60 * 60 * 1000));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"PrettyVoie = (d) => {\n return ddbl(d).map((e) => substWords(e));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"PrettyLibelle = (d) => {\n return d.replace(\"?\", \"'\").split(\"-\")[1];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"function PrettyDuration(d) {\n function plural(e) {\n return Math.floor(e) > 1 ? \"s\" : \"\";\n }\n if (d < 0) {\n return \" en retard\";\n }\n if (d < 14) {\n return Math.floor(d + 0.5) + \" jour\" + plural(d + 0.5);\n }\n if (d > 13 && d < 60) {\n return Math.floor((d + 5) / 7) + \" semaine\" + plural((d + 5) / 7);\n }\n if (d > 59 && d < 500) {\n return Math.floor((d + 15) / 30) + \" mois\";\n }\n if (d > 499) {\n return Math.floor((d + 100) / 365) + \" an\" + plural((d + 100) / 365);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"ddbl = (d) => {\n //élimine les duplications de voies\n const res = [];\n const list = d.split(\"|\");\n list.forEach((d) => {\n const e = d.trim(d);\n if (!res.includes(e)) res.push(e);\n });\n return res;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"function substWords(s) {\n const word = {\n AV: \"avenue\",\n DE: \"de\",\n DES: \"des\",\n LA: \"la\",\n LE: \"le\",\n RPT: \"rond point\",\n DU: \"du\",\n RUE: \"rue\",\n IMP: \"impasse\",\n CHEM: \"chemin\",\n D: \"d'\",\n L: \"l'\",\n PL: \"place\",\n BD: \"bd\",\n RTE: \"route\",\n ALL: \"allée\",\n ALLEES: \"allées\",\n CHE: \"chemin\",\n QU: \"quai\"\n };\n const sb = s\n //.replace(\"?\", \"'\") //inutile\n .split(\" \")\n .map((e) => {\n const sub = word[e];\n if (sub === undefined) return capitaliseFirstLetter(e);\n else return sub;\n });\n let rv = \"\";\n sb.forEach((e) => {\n rv = rv + e + \" \";\n });\n return rv;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"function capitaliseFirstLetter(string) {\n return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"