{
const div = document.createElement("div");
yield div;
const cableMapGlobe = Globe()
.height(width)
.width(width)
.pathsData(cableGeoPaths)
.pathPoints("coords")
.pathPointLat((p) => p[1])
.pathPointLng((p) => p[0])
.pathColor((path) => path.properties.color);
cableMapGlobe(div);
return div;
}
cableGeoPaths = {
// for each "feature" (path) make an array of coordinates; keep properties so we can use the color
cableGeo.features.forEach(({ geometry, properties }) => {
geometry.coordinates.forEach((coords) =>
cable_paths.push({ coords, properties })
);
});
return cable_paths;
}
mutable cable_paths = []
cableGeo = FileAttachment("cable-geo.json").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.
