The avatar for @jordankanter
Jordan Kanter
Public
Edited
Sep 11, 2023
Fork of Learn D3: By Example
2
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
studysparse = [[1, 0, 0], [0, 1, 0], [0, 0, 1]]
Insert cell
values = FileAttachment("values@1.json").json()
Insert cell
values
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
[d3.min(values), d3.median(values), d3.max(values)]
Insert cell
Insert cell
import {Histogram} from "@d3/histogram"
Insert cell
Histogram(values)
Insert cell
Insert cell
Insert cell
Histogram(values, {width, height: 200, color: "steelblue"})
Insert cell
Histogram(values, {width: 450, height: 300, color: "gray"})
Insert cell
Insert cell
Insert cell
Histogram(randoms, {width, height: 300, color: "steelblue", domain: [-10, 10]})
Insert cell
randoms = Float64Array.from({length: 2000}, d3.randomNormal(mu, 2))
Insert cell
Insert cell
Insert cell
Insert cell
import {Scrubber} from "@mbostock/scrubber"
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