treemap = data => cascade(
d3.treemap()
.size([treemapDims.width, treemapDims.height])
.paddingTop(treemapDims.paddingTop)
.paddingInner(0)
.round(true)
.tile(d3.treemapResquarify)
(d3.hierarchy(data)
.sum(d => d.value)
.sort((a, b) => b.height - a.height)),
offset // treemap.paddingOuter
)
offset = 15
width = 975
height = 800
treemapDims = ({
width: width/2,
height: height/2,
paddingTop: 15
})
format = d3.format(",d")
d3 = require("d3@5")
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.
