@varg-dev/Treemap Renderer

Test Page for Development

// about:version version, branch branch, commit commit.

WebGL About Page: webgl-operate.org/about.html  | WebGL Operate: webgl-operate.org

Explicit Inner Nodes Treemap

This treemap is defined as a CSV, where both inner nodes and leaf nodes are declared explicitly. Where leaf nodes usually have attributes associated with them, inner nodes doesn't as their values are derived from their child nodes as required.

Try Out

Implicit Inner Nodes Treemap

This treemap is defined as a CSV, where the inner nodes are implicitly declared as part of a leaf nodes' path. Here, this path is slash-separated, similar to UNIX filenames.

Try Out

Grouped Treemap

This treemap is defined as a CSV, where a grouping specification associates attributes of the leaf nodes. The equal values among leaf nodes in those attributes results in a common parent, and thus, forming a group. Multiple attributes for grouping can be chained using the slash as path separator.

Try Out

Direct Configuration Treemap

This treemap is defined using its JSON configuration API.

Try Out