The avatar for @geraldarthur
Gerald Rich
Interactive News Editor, Associated Press
Public
Edited
Oct 30, 2022
1 fork
1
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
map = htl.html`<svg viewBox="0 0 ${width} ${height}">
<g fill="none" stroke="#000" stroke-linejoin="round" stroke-linecap="round">
<path stroke="#aaa" stroke-width="0.5" d="${path(districts)}"></path>
</g>
</svg>`
Insert cell
Insert cell
districts = topojson.feature(us, us.objects.districts)
Insert cell
projection = d3.geoIdentity().fitSize([width, height], districts)
Insert cell
path = d3.geoPath().projection(projection)
Insert cell
Insert cell
Insert cell
Insert cell
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