Public
Edited
Nov 15, 2022
2 stars
Insert cell
Insert cell
viewof bins = {
const input = Inputs.range([3, 20], { step: 1, label: "Bins" });
input.classList.add("hello");
return input;
}
Insert cell
<style>
.hello { border: solid red 3px; padding: 4px; border-radius: 7px }
</style>
Insert cell
Plot.plot({
marks: [
Plot.ruleY([0]),
Plot.rectY(
penguins,
Plot.binX({ y: "sum" }, { x: "flipper_length_mm", thresholds: bins })
)
]
})
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