projection = d3.geoAlbersUsa().scale(1300).translate([487.5, 305])
map = html`<svg viewBox="0 0 975 610">
<g fill="none" stroke="#000" stroke-linejoin="round" stroke-linecap="round">
<path d="${path(topojson.feature(us, us.objects.zips))}"></path>
</g>
</svg>`
path = d3.geoPath()
us = FileAttachment("ca-simple-topo@2.json").json()
topojson = require("topojson-client@3")
d3 = require("d3-geo@2")
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.
