map2 = view(geojson, {
style: style
})
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
trip layer
This layer shows the fastest route to follow to reach all climbing areas managed by the FSGT federation. It includes 4 fields :
start: the osm identifier of the starting point
end: the osm identifier of the ending point
duration: duration of the route by bike, in munutes.
distance: length of the route by bike, in kilometres.
viewof table3 = Inputs.table(data_trip, {
maxHeight: "200px",
})
data_trip = trip.features.map(d => d.properties)
html` <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>`
bertin = require("bertin")
view = require("geoverview@1.2").then((f) => f.view)
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"
com = FileAttachment("com@3.geojson").json()
iris = FileAttachment("iris@8.geojson").json()
poi = FileAttachment("poi@10.geojson").json()
iris15 = FileAttachment("iris15@3.geojson").json()
data = new Map([
["Climbing areas (dots)", poi],
["IRIS (polygons)", iris],
["Bike trip to visit all FSGT climbing areas (lines)", trip],
["Isochrones from climbing areas (polygons)", iso_all],
["Layout municipalities (polygons)", com],
])
iso_all = FileAttachment("iso_all.geojson").json()
iso_fsgt = FileAttachment("iso_fsgt.geojson").json()
iso_priv = FileAttachment("iso_priv.geojson").json()
trip = FileAttachment("trip@1.geojson").json()
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
