Visualization toolmaker. Founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.
frames = {
const end = interval(d3.utcMinute.offset(new Date, -10));
const start = d3.utcHour.offset(end, -6);
return (await Promise.all(interval.range(start, end)
.map(async date => [date, await image(date)])))
.filter(([, image]) => image !== null);
}
function image(date) {
return new Promise((resolve, reject) => {
const image = new Image;
image.onload = () => resolve(image);
image.onerror = () => resolve(null); // missing imagery
image.src = `https://cdn.star.nesdis.noaa.gov/GOES18/ABI/SECTOR/wus/GEOCOLOR/${formatDate(interval(date))}_GOES18-ABI-wus-GEOCOLOR-${resolution.join("x")}.jpg`;
});
}
interval = d3.utcMinute.every(10)
formatDate = d3.utcFormat("%Y%j%H%M")
resolution = width * devicePixelRatio >= 1500 ? [2000, 2000] : [1000, 1000]
d3 = require("d3-time@2", "d3-time-format@3")
import {Scrubber} from "@mbostock/scrubber"
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.
