TreeMaps

Treemaps

Definition: Treemaps are visualizations for hierarchical data. They are made of a series of nested rectangles of sizes proportional to the corresponding data value. A large rectangle represents a branch of a data tree, and it is subdivided into smaller rectangles that represent the size of each node within that branch.

Rationale

• https://www.nngroup.com/articles/treemaps/
• https://www.microsoft.com/en-us/microsoft-365/blog/2015/08/11/breaking-down-hierarchical-data-with-treemap-and-sunburst-charts/

Tools

• https://github.com/d3plus

Zoomable

• https://stackoverflow.com/questions/32966123/zoomable-treemap-with-more-than-two-levels-d3plus
• https://www.d3-graph-gallery.com/graph/treemap_json.html
• https://d3plus.org/?path=/story/advanced-treemap--small-data-threshold&args=colorScalePadding:false
• https://www.d3-graph-gallery.com/treemap.html
• https://www.verizon.com/business/resources/reports/dbir/interactive/
• https://observablehq.com/@d3/nested-treemap

Examples

• https://oec.world/en/profile/country/usa

• http://bl.ocks.org/ganeshv/6a8e9ada3ab7f2d88022

• https://bl.ocks.org/ganezasan/52fced34d2182483995f0ca3960fe228

• https://github.com/d3/d3-hierarchy

• https://www.d3-graph-gallery.com/graph/treemap_json.html

• https://d3plus.org/?path=/story/advanced-treemap--small-data-threshold&args=colorScalePadding:false