Published
Edited
Apr 1, 2019
Insert cell
Insert cell
Insert cell
Insert cell
columns = ['White', 'Latino', 'Asian', 'Black', 'Other']
Insert cell
data = raw_data.map(d => {
return {
name: name2postal(d.name),
White: +d.white_alone,
Black: +d.black_alone,
Asian: +d.asian_all,
Latino: +d.latino_alone,
Other: +d.other_all,
Total: +d.total
}
}).sort((a, b) => b.Total - a.Total)
Insert cell
raw_data = await d3.csv("https://raw.githubusercontent.com/datadesk/census-data-downloader/07bfd86ac885f01115488e4b5b6143e0b5c7d38c/data/processed/acs5_2017_race_states.csv")
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

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