The avatar for @benoldenburg
Ben Oldenburg
Published
Transit
Edited
Jan 26, 2021
1 star
3
Insert cell
Insert cell
Insert cell
// Manual switch for Remote Qri Data vs Local Attachments for Backup/Dev
Insert cell
Insert cell
// Load Status
Insert cell
Insert cell
// Data Request Object >> Feeds into the date processing section below
Insert cell
Insert cell
Insert cell
// Charts
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// Date object to format the chart series
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
// Parse Raw Data
Insert cell
Insert cell
// Data Dictionary to lookup legend labels and colors
Insert cell
Insert cell
// Formats
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
chartTip = d3.select("body").append("div").attr("class", "toolTip chartTip");
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {select, slider, checkbox} from "@jashkenas/inputs"
Insert cell
d3 = require("d3@6") // Load D3
Insert cell

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.
Learn more