Published
Edited
Sep 3, 2020
Insert cell
Insert cell
d3 = require("d3@6")
Insert cell
data=d3.json("https://cdn.rawgit.com/vlandham/js_data/master/data/employees.json")
Insert cell
md`Example of drilling down a hierachy of data`
Insert cell
import { nycForecast } from "@observablehq/a-taste-of-observable"
Insert cell
nycForecastPeriods = nycForecast.properties.periods
Insert cell
md`
[hierarchical data](https://observablehq.com/@d3/indented-tree)`
Insert cell
import { chart } from "@d3/indented-tree"
Insert cell
Insert cell
import { chart as ch} with {y as year} from "@mbostock/phases-of-the-moon"
Insert cell
y=1584
Insert cell
Insert cell
ch
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