Visualization toolmaker. Founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.
Published
Edited
Dec 22, 2017
1 fork
15 stars
sumA = {
let sum = 0;
for (let i = 0, n = 1000; i < n; ++i) {
yield sum += i * i;
}
}
sumB = {
let sum = 0;
for (let i = 0, n = 1000; i < n; ++i) {
sum += i * i;
yield {progress: i / n};
}
yield {value: sum};
}
viewof sumC = {
const div = html`<div style="background:red;width:0;height:33px;">`;
(async () => {
let sum = 0;
for (let i = 0, n = 1000; i < n; ++i) {
sum += i * i;
div.style.width = (i / n) * 100 + "%";
await new Promise(requestAnimationFrame);
}
div.value = sum;
div.dispatchEvent(new CustomEvent("input"));
div.style.background = "black";
})();
return div;
}
sumC
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.
