Published
Edited
Feb 1, 2021
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
render_data_table(data)
Insert cell
Insert cell
// Group by region
Insert cell
// Transform into a hierarchy (but don't yet specify the sum() function)
Insert cell
// Write a function that can compute treemap layout
Insert cell
// Make a color scale for the regions
Insert cell
Insert cell
Insert cell
// Build your treemap here
Insert cell
Insert cell
Insert cell
// Draw the visualization
Insert cell
appendix = md`## Appendix`
Insert cell
d3 = require("d3")
Insert cell
import { select } from "@jashkenas/inputs"
Insert cell
height = 500
Insert cell
import {
group_notebook_instructions,
render_data_table,
table_styles
} from "@uw-info474/utilities"
Insert cell
table_styles
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