4d:I[132969,["$2"],"IconMark"] 25:["$","title",null,{"children":"10 minutes from the Élysée Palace | Visionscarto | Observable"}] 4b:T709,const isoMap = L.map(display(html`

`), { zoomControl: false, scrollWheelZoom: false, dragging: false, doubleClickZoom: false, touchZoom: false, boxZoom: false, keyboard: false }).setView([elysee.lat, elysee.lon], 13); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: '© OpenStreetMap contributors | Isochrones: Valhalla' }).addTo(isoMap); // Black and white basemap: grayscale the tile pane only (overlays keep their colors) isoMap.getPane("tilePane").style.filter = "grayscale(1) contrast(0.9) brightness(1.05)"; const carColor = "#e4572e"; const bikeColor = "#1b998b"; const carLayer = L.geoJSON(isoCar, {style: {color: carColor, fillColor: carColor, fillOpacity: 0.25, weight: 2}}).addTo(isoMap); const bikeLayer = L.geoJSON(isoBike, {style: {color: bikeColor, fillColor: bikeColor, fillOpacity: 0.25, weight: 2}}).addTo(isoMap); L.circleMarker([elysee.lat, elysee.lon], {radius: 7, color: "white", weight: 2, fillColor: "#222", fillOpacity: 1}) .addTo(isoMap) .bindTooltip("Palais de l'Élysée", {permanent: true, direction: "right", offset: [8, 0]}); const legendRow = (color, label) => html`

${label}

`; const legend = L.control({position: "topright"}); legend.onAdd = () => html`

${legendRow(carColor, "🚗 Car – 10 min")}${legendRow(bikeColor, "🚲 Bike – 10 min")}

`; legend.addTo(isoMap);4c:[{"id":"3ec776a1add2437d7adbae99b1f11a4ffb6d3772fe2b5b26e9f0cc4c2519bfa35b2077935e43101cd4c7c883aa98081d052414d969334dcf61c35be455c23e6f","href":"https://static.observableusercontent.com/files/3ec776a1add2437d7adbae99b1f11a4ffb6d3772fe2b5b26e9f0cc4c2519bfa35b2077935e43101cd4c7c883aa98081d052414d969334dcf61c35be455c23e6f","name":".observable/cache/fetch-67l9262fxrf88fb28dt7vcqfvmgjklgp.blob","type":"application/json;charset=utf-8","lastModified":1794060144000,"size":3109},{"id":"4da8bc7c0e93facfe069161e785149f198eb476d309224a15011a7bcc5da39d693f4b58d5fb11a717112bd5b126a8839d769c30dbc8040b920184678c154bf13","href":"https://static.observableusercontent.com/files/4da8bc7c0e93facfe069161e785149f198eb476d309224a15011a7bcc5da39d693f4b58d5fb11a717112bd5b126a8839d769c30dbc8040b920184678c154bf13","name":".observable/cache/fetch-5h78m7x5prfaklcphl31vzowwl0hjrr3.blob","type":"application/json;charset=utf-8","lastModified":1794060144000,"size":4454}] 47:{"id":"e75a9b813bcaf5e4","slug":"10-minutes","title":"10 minutes from the Élysée Palace","thumbnail":"41dcb3e72d7872655037cc714afa13309a2477d69a637d358fc536aa39e12df5","access_level":"public","create_time":"$D2026-11-07T14:02:23.650Z","update_time":"$D2026-11-07T14:28:35.491Z","view_time":null,"first_public_time":"$D2026-11-07T14:10:52.697Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"166c5a16a7264bea","login":"visionscarto","name":"Visionscarto","avatar_url":"https://avatars-next.observableusercontent.com/9946d22004b9d0eaf6a5bfda50b0a32ca1003656c403106c7b54f8dd5cf784b7","tier":"starter_2024","bio":"Maps — and other representations of the world.","followed_by_you":false,"follows_you":false},"version":31,"publish_version":31,"role":null,"authored":false,"authors":[{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null,"bio":"Vocateur.","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"958a492ccf138cc7","slug":"30daymapchallenge","title":"#30DayMapChallenge","owner":{"id":"166c5a16a7264bea","login":"visionscarto","name":"Visionscarto"}},"type":"notebook","body":{"titling":"auto","title":"10 minutes from the Élysée Palace","cells":[{"id":1,"value":"# 10 minutes from the Élysée Palace\n\nUsing the [Valhalla](https://valhalla.github.io/valhalla/) routing engine. [Learn more](https://www.youtube.com/watch?v=7fvigyL6YBA)…","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"*Day 07. Ten-minute map.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"$4b","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"const elysee = {lat: 48.8704, lon: 2.3167};\nasync function valhallaIsochrone(costing) {\n const params = {locations: [elysee], costing, contours: [{time: 10}], polygons: true};\n const url = `https://valhalla1.openstreetmap.de/isochrone?json=${encodeURIComponent(JSON.stringify(params))}`;\n const response = await fetch(url, {cache: true});\n if (!response.ok) throw new Error(`${response.status} ${await response.text()}`);\n return response.json();\n}\nconst isoBike = await valhallaIsochrone(\"bicycle\");\nconst isoCar = await valhallaIsochrone(\"auto\");","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"2"}} 24:null 3c:[["$","title","0",{"children":"10 minutes from the Élysée Palace | Visionscarto | Observable"}],["$","meta","1",{"property":"og:title","content":"10 minutes from the Élysée Palace"}],["$","meta","2",{"property":"og:description","content":"An Observable notebook by Visionscarto"}],["$","meta","3",{"property":"og:url","content":"https://observablehq.com/@visionscarto/10-minutes"}],["$","meta","4",{"property":"og:site_name","content":"Observable"}],["$","meta","5",{"property":"og:image","content":"https://images.observableusercontent.com/thumbnail/41dcb3e72d7872655037cc714afa13309a2477d69a637d358fc536aa39e12df5.jpg"}],["$","meta","6",{"property":"og:image:width","content":"640"}],["$","meta","7",{"property":"og:image:height","content":"400"}],["$","meta","8",{"property":"og:type","content":"article"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"10 minutes from the Élysée Palace"}],["$","meta","11",{"name":"twitter:description","content":"An Observable notebook by Visionscarto"}],["$","meta","12",{"name":"twitter:image","content":"https://images.observableusercontent.com/thumbnail/41dcb3e72d7872655037cc714afa13309a2477d69a637d358fc536aa39e12df5.jpg"}],["$","meta","13",{"name":"twitter:image:width","content":"640"}],["$","meta","14",{"name":"twitter:image:height","content":"400"}],["$","link","15",{"rel":"icon","href":"/favicon.ico?favicon.2hqc0rwsy9zm6.ico","sizes":"96x96","type":"image/x-icon"}],["$","link","16",{"rel":"icon","href":"/icon.png?icon.1mhghqfpotdlb.png","sizes":"512x512","type":"image/png"}],["$","$L4d","17",{}]] 4a:null