Show HN: GrandPerspective-style treemaps for the web and disk usage visualizer

imbue-ai.github.io

5 points

a month ago

I like treemaps for visualizing hierarchical mass and density of resource usage. I've always particularly loved GrandPerspective's dense, colorful rendering, but haven't found a similar but generalized treemap that works in reactive web views across many data visualization contexts.

So I built gp-treemap, a canvas-based web component that renders GP-style treemaps with millions of nodes: https://github.com/imbue-ai/gp-treemap/

If you want to give it a spin, try something like this command to visualize hierarchical disk usage:

npx -p @imbue-ai/gp-treemap gpdu ~/Downloads

Fun fact: I built gp-treemap as a test case for Imbue's Sculptor (https://imbue.com/sculptor/) and Blueprint (https://imbue.com/product/blueprint) tools.