// Try editing this code by changing the coordinates or removing exclamation marks (!).
dotSrc=`
digraph {
graph [pad="0.212,0.055" bgcolor=lightgray]
node [style=filled]
a [fillcolor="#d62728" pos="0,0!"]
b [fillcolor="#1f77b4" pos="0,1!"]
c [fillcolor="#2ca02c" pos="2,2!"]
d [fillcolor="#ff7f0e" pos="-1,0!"]
a -> b
a -> c
a -> d
}
`
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.