Published
Edited
Apr 27, 2019
Insert cell
html`
<svg width = 400, height = 400>
${points.map(p =>
`<circle
cx="${p.x}"
cy="${p.y}"
r="3"
/>`
)}

<line x1="0" x2 ="400" y1="0" y2="400" stroke="red"/>
</svg>
`
Insert cell
points = R.range(0, 100).map(_ => ({
x: random(0, 400),
y: random(0, 400)
}))
Insert cell
random = (high, low) => Math.random() * (high - low) + low
Insert cell
R = require('ramda@0.25');
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