Circle Packing
The Data Visualisation Catalogue

Page top Previous Homepage Next

Circle Packing

circular treemap


As known as: Circular Treemap

Circle Packing is a variation of a Treemap that uses circles instead of rectangles. Containment within each circle represents a level in the hierarchy: each branch of the tree is represented as a circle and its sub-branches are represented as circles inside of it. The area of each circle can also be used to represent an additional arbitrary value, such as quantity or file size. Colour may also be used to assign categories or to represent another variable via different shades.

As beautiful as Circle Packing appears, it's not as space-efficient as a Treemap, as there's a lot of empty space within the circles. Despite this, Circle Packing actually reveals hierarchal structure better then a Treemap.




circular treemap


circle packing

Tools to Generate Visualisation

D3 (code only) D3 Zoomable (code only) RAW