Single-Level Packed Circles
This demo shows a packed circle chart as a visual representation of single-level data, where each circle corresponds to a distinct category, and the size of each circle reflects the quantitative value associated with that category. This chart allows for a clear and compact presentation of data distribution, making it easy to compare the relative magnitudes of individual data points within a single level.
Key implementation details
This chart still uses hierarchy-based data with “Root” level and the second level containing the rest of the nodes.
The root level is hidden by using topDepth: 1 setting.
This chart is added to a Zoomable Container, so you can pan, zoom-in and zoom-out this chart using mouse wheel, pinch-zoom or zoom tools on the bottom-right.
Related tutorials
Demo source