Home▸Data Science▸Squarified Treemap Layout Simulator

Squarified Treemap Layout Simulator

Interactive 3D squarified-treemap simulator: watch the Bruls/Huizing/van Wijk algorithm pack weighted data into near-square rectangles, compare it live against naive slice-and-dice layout, and read the resulting aspect-ratio quality in real time.

Data Science3DModerate60 FPS

Treemaps are one of the workhorse chart types behind the tools this page's article surveys — D3.js, Plotly, Tableau and Power BI all ship one. This simulator runs the real squarified-treemap algorithm (Bruls, Huizing & van Wijk, 1999) on live weighted data, rendering every resulting rectangle as an extruded 3D block whose footprint area is exactly proportional to its value and whose height encodes a second variable. Switch to naive slice-and-dice layout to see why the squarified approach won — average and worst-case aspect ratio update live, along with the algorithm's own compute time.

⚙ Under the hood

Run the real squarified-treemap algorithm (Bruls, Huizing & van Wijk) on live weighted datasets, rendered as extruded 3D blocks, and compare it against naive slice-and-dice layout with live aspect-ratio quality readouts.

data-visualizationtreemapalgorithmd3jslayoutdata-science

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install