Circle packing generator
Skip to the chart
Circle packing
Show hierarchical items as nested circles sized by their values. Create a private, publication-ready circle packing directly in your browser without transmitting sensitive rows off-device. Data is processed locally on your hardware with zero server uploads, enabling instant export to SVG, PNG, and Excel data.
Edit the data, then export.
Everything runs in your browser. Your data is not uploaded.
Data
Paste tab-separated data from Excel or edit the cells directly.
Paste or import table data
Paste a header row, or choose a local CSV/TSV file. Files are read in this browser and capped at 500 rows.
Appearance
Preview
Sample preview of the example data. The live chart takes over as soon as you start working.
SVG, PNG, and Excel exports are generated locally in this browser. PowerPoint export is temporarily unavailable while its dependency path is reviewed for a high-severity image parser advisory.
Hierarchical Structure & Parent-Child Nesting
Circle packing visualizes hierarchical structures by nesting circular child nodes inside larger parent circles. The area of each circle is proportional to a quantitative metric, revealing both the composition of individual groups and the overarching structure. All parsing and layout calculations are performed entirely locally on your device, guaranteeing your sensitive hierarchical data remains private and is never uploaded to a server.
Tree Data Representation & Branching
Format input columns for circle packing with explicit headers and numerical measurements. Verify that rows represent discrete categories or observations without unformatted symbol artifacts.
Sample Node Hierarchy
| Item | Parent | Value |
Navigation & Nested Density Best Practices
- Ensure sufficient visual distinction for circle packing marks across standard and high-contrast viewports.
- Align text labels horizontally whenever possible to improve cognitive readability for circle packing elements.
- Double-check scale boundaries and zero-anchors before exporting circle packing presentation artwork.
- Data shape
- Item, parent, and numeric value columns
- Exports
- SVG, PNG, and Excel data; PowerPoint export is temporarily unavailable pending dependency review.
How it works
You edit a table in this page. The renderer draws an SVG from those rows in your browser, then you can download SVG, PNG, or Excel data. The table is not uploaded to any external processing server.
Frequently asked questions
Why do circle packings have unused space between circles?
Because circles cannot perfectly tile a 2D plane without gaps. The trade-off provides superior visual separation of hierarchical groups compared to dense rectangles.
Related tools
Reviewed 16 August 2026.