Published unlisted
Edited
Nov 30, 2019
Insert cell
Insert cell
ne_10m_rivers_lake_centerlines_rendered = html`<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" style="display:block;width:70%;height:auto;">
<path d="${path(ne_10m_rivers_lake_centerlines)}" fill="none" stroke="blue" stroke-width="2"></path>
</svg>`
Insert cell
ne_10m_rivers_lake_centerlines = FileAttachment("ne_10m_rivers_lake_centerlines.geojson").json()
Insert cell
path = d3.geoPath(projection)
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