Published
Edited
Feb 12, 2022
1 star
Insert cell
Insert cell
toc()
Insert cell
Insert cell
Plot.plot({
marks: [
() => svg`<path
d=${d} fill="lightblue" stroke="black" fill-opacity='0.2'>
</path> `,
() => svg`<circle
cx=200 cy=200 r=200 stroke="grey" fill="deeppink" fill-opacity='0.2'>
</path> `
],
height: 800,
width: 600
})
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
import { d } from "@ee2dev/maps-of-germany"
Insert cell
Insert cell
import { toc } from "@mbostock/toc"
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