Published
Edited
Sep 18, 2022
Insert cell
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<circle cx="25" cy="75" r="1.5" />
<circle cx="50" cy="50" r="1.5"/>
<circle cx="75" cy="25" r="1.5"/>
<line x1="0" y1="0" x2="0" y2="100" stroke="black" stroke-width="0.5" />
<line x1="0" y1="0" x2="0" y2="100" stroke="black" stroke-width="0.5" />
<line x1="0" y1="100" x2="100" y2="100" stroke="black" stroke-width="0.3" />

<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
<rect x="60" y="80" width="10" height="30" />
<rect x="40" y="40" width="10" height="70" />
<rect x="20" y="60" width="10" height="50" />
</svg>



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