iwidth = 900
timePartOptions = ["year", "month", "date", "hours", "minutes", "seconds"]
viewof timeTruncate = html`<input type="range" min=0 max=${timePartOptions.length} value="3" style="width:100px"/>`
viewof unitsX = select({
options: timeUnitOptions,
value: ["hours"],
title: "x"
})
viewof unitsY = select({
options: timeUnitOptions,
value: ["day"],
title: "y"
})
timeTruncateSelected = timePartOptions.slice(0, timeTruncate).join("")
data = FileAttachment("chi2019Tweets.csv")
.text()
.then(d3.csvParse)
import { vl } from "@vega/vega-lite-api"
d3 = require("d3-dsv", "d3-time-format")
import { select } from "@jashkenas/inputs"
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.
