Published
Edited
Mar 4, 2021
Insert cell
md`# Treemap
Recursively partitions rectangular space into rectangles according to each node’s associated value. `
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`### External Libraries & Imports`
Insert cell
data = ({
name: "Root",
children: d3.range(N).map(i => ({ name: `${i}`, value: Math.random() * 1 }))
})
Insert cell
import { columns } from "@bcardiff/observable-columns"
Insert cell
import { select, slider, radio } from "@jashkenas/inputs"
Insert cell
d3 = require("d3@6")
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