D3.js in Action, Second Edition

Chapter 6. Hierarchical visualization

This chapter covers

• Understanding hierarchical data principles
• Using dendrograms
• Learning about circle packs
• Working with treemaps
• Employing partitions

Complex data visualization is defined by its encoding of data types other than numerical data. We’ll start with dealing with hierarchical data, which encodes how things are related to other things, whether through dependency, lineage, or categorization. There are four different layouts we’ll look at in this chapter, each of which uses different methods to show a node and indicate the parent-child relationships between those nodes. For two of those charting methods—circle packing and treemaps—the way we signal parent-child relationship is via enclosure