{
  "id": 5970920,
  "title": "A Squarified Treemap by Hand, Because Charting Packages Cannot Drill Down",
  "url": "https://urgent.news/2026/09/06/a-squarified-treemap-by-hand-because-charting-packages-cannot-drill",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-09-06T12:15:09.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/devshakib/a-squarified-treemap-by-hand-because-charting-packages-cannot-drill-down-353g"
  },
  "original_language": "en",
  "account": "The author describes creating a treemap visualization of disk space manually, as charting packages do not support the necessary features for a disk browser. These features include hit-testing to determine which folder is being interacted with, navigation as a first-class state, adaptive label sizing, and layout over a subtree rather than a flat list of values. The author explains why the squarified algorithm for treemap layout is preferred over simpler methods that slice the rectangle along a single axis, as it produces more readable and visually appealing rectangles. The algorithm works by sorting children in descending order and greedily adding them to the current row while maintaining the smallest possible worst aspect ratio in that row. The author notes that the treemap layout is only one part of creating a disk browser, as other features like hit-testing, navigation, adaptive labels, and reconciling file sizes with the operating system are necessary to provide an accurate and usable interface.",
  "summary": "Helm's storage tool shows your disk as a treemap: every folder a rectangle, every rectangle sized by how much space it takes. Click one and you are inside it, looking at its children, with a breadcrumb trail back out. It goes from a 494 GB volume down to a single file. I drew it by hand. Not because the packages are bad, but because the thing that makes a treemap useful for disk space is the part…",
  "key_points": [
    "Author manually creates treemap visualization of disk space",
    "Squarified algorithm preferred for readable, visually appealing rectangles",
    "Additional features needed for accurate, usable disk browser interface"
  ],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}