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

Unlock the full course today

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

Introducing other layouts

Introducing other layouts - D3.js Tutorial

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

Start my 1-month free trial

Introducing other layouts

- [Instructor] Let's leave the coding for a bit, and show you some layouts via example. In this chapter, we looked first at a hierarchical layout called Tree. Here's another Tree and this one's by Mike Bostock. And we can see that there's a related layout called Dendrogram. Dendrogram and tree are really similar, but they have different assumptions about positions. Both of these layouts can be made radial instead, if you prefer. So this is a radial Tree, and here's a radial Dendrogram, which I find a bit more neat and tidy. Next we have the Treemap, easily confused with Tree until you see how it's laid out. A Treemap is a rectangle split into smaller rectangles, where the size of the rectangle represents a value. This one shows the total amount spent by the UK Home Office to different airlines in 2011, split by destination and by type. And we have a slightly more colorful example here. You can easily show two values on Treemaps, using the rectangle size for one value, and depth of…

Contents