Public
Edited
Nov 4, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
vl.markBar()
.data(phil)
.encode(
vl.x().bin({ step: 5 }),
vl.y().count().title('Total Reports')
)
.render()
Insert cell
phil = [47607350, 39270150, 17116279, 11710818, 11692308, 8000000, 7723000, 5370370, 4343920, 4310250, 2226240, 2019706, 2019706, 2019706, 2019706, 1930681, 559782, 559782, 559782, 500000]
Insert cell
import {Histogram} from "@d3/histogram"
Insert cell
Histogram(phil)
Insert cell
d3.median(phil)
Insert cell
d3.mean(phil)
Insert cell
sat = [{"460 to 480": 0}, {"480 to 500": 5.8}, {"500 to 520": 5.8}, {"520 to 540": 9.8}, {"540 to 560": 8.4}, {"560 to 580": 4.5}, {"580 to 600": 2}, {"600 to 620": 4.5}, {"620 to 640": 4.5}, {"640 to 660": 3}];
Insert cell
Histogram(sat)
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