world = FileAttachment("world.json").json()
data = world.features.map((d) => d.properties)
Inputs.table(data)
On accède aux données géométriques de la façon suivante :
geom = world.features.map((d) => d.geometry)
Inputs.table(geom)
data1 = world
Plot.plot({ projection: "equal-earth", marks: [Plot.geo(world)] })
{
const container = yield htl.html`<div style="height: 500px;">`;
const map = L.map(container);
const layer = L.geoJSON(world).addTo(map);
map.fitBounds(layer.getBounds(), { maxZoom: 9 });
L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
attribution:
"© <a href=https://www.openstreetmap.org/copyright>OpenStreetMap</a> contributors"
}).addTo(map);
}
view = require("geoverview").then((d) => d.view)
view(world)
topohelper = require("topohelper@0.4.1")
topoworld = topohelper.fromGeojson(world).topojson
x = topohelper.from(topoworld).centroids({ layer: 0 })
x.view({ tooltip: true, zoom: true })
bertin = require("bertin")
bertin.draw({ layers: [{ geojson: world, tooltip: ["$NAMEfr", "$region"] }] })
viz = require("geoviz@0.7.2")
{
let svg = viz.create({ zoomable: true, domain: world });
svg.path({ data: world, tip: true });
return svg.render();
}
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.
