An enclosure diagram is an interesting visualization of hierarchical data structures that use the recursive circle packing algorithm. It uses containment (nesting) to represent hierarchy. Circles are created for each leaf node in a data tree, while its size is proportional to a particular quantitative dimension of each data element. In this recipe, you will learn how to implement this kind of visualization using the D3 pack layout.
Open your local copy of the following file in your web browser:
https://github.com/NickQiZhu/d3-cookbook-v2/blob/master/src/chapter9/pack.html