Public
Edited
Apr 18, 2023
Insert cell
Insert cell
Insert cell
data = FileAttachment("iris.csv").csv({typed: true});
Insert cell
Insert cell
viewof in_species = Inputs.checkbox(["setosa", "versicolor", "virginica"], {label: "Species: ", value: ["versicolor"]})
Insert cell
in_species
Insert cell
Insert cell
filtered = data.filter(function(x) {
return in_species.includes(x.species);
});
Insert cell
Insert cell
viewof table = Inputs.table(filtered)
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.dot(filtered, {x: "sepal_length", y: "petal_length", fill: "species"})
]
})
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