Public
Edited
Apr 27, 2022
1 star
Insert cell
Insert cell
Insert cell
<svg width=600 height=50>
<circle cx=100 cy=25 r=10 fill=red />
</svg>
Insert cell
Insert cell
Insert cell
<svg width=600 height=50>
<circle cx=${xPosition} cy=25 r=10 fill=red />
</svg>
Insert cell
Insert cell
yPosition = 25 * (1 + Math.cos(xPosition / 30))
Insert cell
Insert cell
<svg width=600 height=50>
<circle cx=${xPosition} cy=${yPosition} r=10 fill=red />
</svg>
<p> Hello there is a ball at ${Math.round(yPosition)}!</p>
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