From the course: D3.js Essential Training for Data Scientists
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Hierarchy - D3.js Tutorial
From the course: D3.js Essential Training for Data Scientists
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.