Published
Edited
Jan 26, 2021
1 star
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

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more