Published
Edited
Oct 16, 2021
Insert cell
Insert cell
mercator = d3
.geoMercator()
.center([-118.3, 34.15])
.scale((1 << 19) / (19.1 * Math.PI))
.translate([487.5, 305])
Insert cell
Insert cell
path = d3.geoPath()
Insert cell
mexico = {
const file = FileAttachment(`mexico-mercator@1.topojson`);
const json = await file.json();
return topojson.feature(json, json.objects.mexico);
}
Insert cell
socal = {
const file = FileAttachment(`socal-mercator@1.topojson`);
const json = await file.json();
return topojson.feature(json, json.objects.socal);
}
Insert cell
roads = {
const file = FileAttachment(`socal-roads-mercator@1.topojson`);
const json = await file.json();
return topojson.feature(json, json.objects.roads);
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more