Visualization toolmaker. Founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.
vl.markPoint()
.data(a4)
.encode(
vl.x().fieldT('date'),
vl.y().fieldQ('odometer'),
vl.color().fieldQ('price')
)
.render()
a4 = d3.tsvParse(await FileAttachment("data.tsv").text(), d3.autoType)
d3.pairs(
a4.filter(d => d.type === "fuel")
.sort((a, b) => d3.ascending(a.date, b.date)),
(a, b) => ({
...b,
odometer_delta: b.odometer - a.odometer
})
)
import {vl} from '@vega/vega-lite-api'
d3 = require("d3@^5.13")
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.
