Public
Edited
Nov 29, 2022
9 forks
Importers
Insert cell
Insert cell
data = d3.csv("https://gist.githubusercontent.com/curran/a08a1080b88344b0c8a7/raw/0e7a9b0a5d22642a06d3d5b9bcbad9890c8ee534/iris.csv",
d => {
d.sepal_length = +d.sepal_length
d.sepal_width = +d.sepal_width
return d
})
Insert cell
data
Insert cell
Plot.plot({
marks: [Plot.dot(data, {x: "sepal_length", y: "sepal_width", fill: "species"})]
})
Insert cell
viewof r = html`<input type=range min=0 max=10>`
Insert cell
r
Insert cell
Insert cell
scatterplot(data.filter(f))
Insert cell
f = d => {
return d.sepal_length > r
}
Insert cell
l = [...new Set(data.map(d => d.species))]
Insert cell
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