Visualization toolmaker. Founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.
angle
viewof angle = {
const form = html`<form><input name=velocity type=range value=0.001 min=-0.01 max=0.01 step=any>`;
// Update the value every animation frame.
let then = 0, frame = requestAnimationFrame(function loop(now) {
form.value += (now - then) * form.velocity.valueAsNumber;
form.dispatchEvent(new CustomEvent("input"));
then = now, frame = requestAnimationFrame(loop);
});
// Break the loop on invalidation.
invalidation.then(() => cancelAnimationFrame(frame));
// Set the initial value.
form.value = 0;
return form;
}
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.
