viewof boxWidth = Inputs.range([0, 1], {label: "Box width"})
<svg width=${width} height=${height}>
<rect width=${width} height=${height} fill="hsl(216deg 20% 90%)"/>
<rect width=${boxWidth * width} height=${height} fill="hsl(216deg 100% 13%)"/>
</svg>
height = 200
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.
