The avatar for @theredpea
Nate
data viz + web developer interested in code that teaches us new things
Public
Edited
Nov 24, 2022
1
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
histogram
Insert cell
Insert cell
import { Histogram } from "@d3/histogram"
Insert cell
Histogram(random_values, {
width,
height: 500,
color: "steelblue",
// thresholds:20
})
Insert cell
histogram_with_renaming_unemployment_data
Insert cell
import { chart as histogram_with_renaming_unemployment_data } with { random_values_as_objects_with_rate as unemployment } from "@d3/histogram"
Insert cell
random_values_as_objects_with_rate = random_values.map(_=>({rate:_}))
Insert cell
histogram_with_pinned_version_of_imported_library
Insert cell
import {chart as histogram_with_pinned_version_of_imported_library } with {random_values as data} from "@d3/histogram@261"
Insert cell
Insert cell
more_random_values = d3.range(1e6).map(_=>Math.random())
Insert cell
Histogram(more_random_values, {normalize:true, color:'steelblue'})
Insert cell
d3.bin().thresholds(40)(random_values)
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