From the course: D3.js Essential Training for Data Scientists

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Hierarchy

Hierarchy - D3.js Tutorial

From the course: D3.js Essential Training for Data Scientists

Start my 1-month free trial

Hierarchy

- [Instructor] One type of text data we've seen a lot of in this course is hierarchical data. D3 is great at visualizing hierarchy. A lot of operational data is hierarchical: staff structures, processes, systems and files. It's a type of data that's often implicit, but D3 gives us ways of making it explicit. And as normal, we have flat or radial options in D3. If you have size or value data associated with your hierarchy, you might want to use a partition layout. In a flat partition layout, the size of the rectangle represents a value. You read this diagram from left to right, so on the left-hand side of the parent items. And as you read horizontally across, you see child items and then grandchildren and so on. It's really easy to add text with a partition layout. For me personally I find that this layout doesn't work well, but the related sunburst diagram can work very well. A sunburst diagram is a circular partition layout, where the parent items are in the center, and children are…

Contents