Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof width = Inputs.range([20, 1500], {
value: 600,
step: 1,
label: "width"
})
Insert cell
Insert cell
colors = ["rgb(100, 149, 237)", "rgb(109, 180, 241)", "rgb(143, 208, 241)", "rgb(189, 233, 244)", "rgb(240, 255, 255)"]
Insert cell
//colors = d3.schemeCategory10.map((c) => d3.rgb(c).copy({ opacity }).toString())
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