Public
Edited
Mar 18, 2023
Insert cell
Insert cell
html`
<svg style = "width:600;height:300;background:cornsilk;border:1px black solid">
<circle r = 50 cx = 300 cy = 150 fill = "steelblue" stroke = "black" />
<rect height = 50 width = 50 x = 300 y = 150 fill = "red" stroke = "black" />
</svg>
`
Insert cell
html`
<svg style = "width:600;height:300;background:cornsilk;border:1px black solid">
<rect width = 50 height = 50 transform = "translate(300,150) rotate(30)" />
</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