Published
Edited
Apr 18, 2021
26 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
svg`
<svg viewBox="-2 -1.1 4 2.2" style="max-width:25em">
<g fill="hsl(110,10%,80%)" stroke="white" stroke-width="0.005">
${grid}
</g>
<!-- fun trick I developed back in the flash days: draw a wide line several times to make a road! -->
<path d="${path2}" fill="none" stroke="#999" stroke-width="0.30" />
<path d="${path2}" fill="none" stroke="yellow" stroke-width="0.27" />
<path d="${path2}" fill="none" stroke="#999" stroke-width="0.25" />
<path d="${path2}" fill="none" stroke="white" stroke-width="0.01" stroke-dasharray="0.05,0.08"/>
</svg>
`
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