Home▸Data Science▸Squarified Treemap Layout Simulator

Squarified Treemap Layout Simulator (2D)

Interactive 2D squarified-treemap simulator: run the real Bruls/Huizing/van Wijk algorithm on an editable weighted dataset, compare it live side-by-side against naive slice-and-dice layout, and read the measured aspect-ratio improvement in real time.

Data Science2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

This 2D canvas version runs the real squarified-treemap algorithm (Bruls, Huizing & van Wijk, 1999) from scratch on an editable weighted dataset, and lays the same data out with a naive slice-and-dice algorithm side by side, so the difference is visible and measured live: average and worst-case aspect ratio for both layouts, and the resulting improvement, update every time an item's value changes.

⚙ Under the hood

Run the real squarified-treemap algorithm (Bruls, Huizing & van Wijk) on an editable weighted dataset, rendered on a 2D canvas side by side with a naive slice-and-dice layout, with live measured aspect-ratio-quality comparison.

data-visualizationtreemapalgorithmd3jslayoutdata-science

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install