• Open in:

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