3 ms·
Circle packing is one of my favorite applications to display hierarchical data where one dimension defines the radius, like the file size. Other dimensions may
by jhoechtl 6y ago
Circle packing is one of my favorite applications to display hierarchical data where one dimension defines the radius, like the file size. Other dimensions may alter color or line width.
Circle packing is available as an example in D3, highly recommended.
https://observablehq.com/@d3/zoomable-circle-packing https://observablehq.com/@d3/zoomable-circle-packing
- anamexis 6y agoI don't think defining the radius with data makes for good charts, because we tend to perceive the area as size, not radius, and area of course scales with the square of the radius. So if you have 2 circles depicting files, and one of the files is 3x the size of the other, its circle will have 9x the area and appear 9x larger.
- tomlagier 6y agoI made a tool that does this with Chrome memory profiles https://heapviz.com/ https://heapviz.com/ Also ported d3s circle packing algorithm to C++ for compilation to WASM https://github.com/tomlagier/circle-pack https://github.com/tomlagier/circle-pack Definitely love how that visualization turns out!