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
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create a packed circles chart showing 500 child nodes, each with a name and a numeric value that determines circle size. The root node should be hidden so only the circles themselves are displayed. Place the chart inside a zoomable container with mouse wheel zoom, pinch-zoom, and drag-to-pan. Add zoom controls in the bottom-right corner. Circles should display varied colors for visual distinction. Animate the load with a smooth staggered animation. Use amCharts 5 library.
Demo source