Chapter 5. Layouts

 

This chapter covers

  • Histogram and pie chart layouts
  • Simple tweening
  • Tree, circle pack, and stack layouts
  • Sankey diagrams and word clouds

D3 contains a variety of functions, referred to as layouts, that help you format your data so that it can be presented using a popular charting method. In this chapter we’ll look at several different layouts so that you can understand general layout functionality, learn how to deal with D3’s layout structure, and deploy one of these layouts (some of which are shown in figure 5.1) with your data.

Figure 5.1. Multiple layouts are demonstrated in this chapter, including the circle pack (section 5.3), tree (section 5.4), stack (section 5.5), and Sankey (section 5.6.1), as well as tweening to properly animate shapes like the arcs in pie charts (section 5.2.3).

5.1. Histograms

 
 

5.2. Pie charts

 
 
 
 

5.3. Pack layouts

 
 

5.4. Trees

 

5.5. Stack layout

 
 
 
 

5.6. Plugins to add new layouts

 
 
 

5.7. Summary

 
 
sitemap

Unable to load book!

The book could not be loaded.

(try again in a couple of minutes)

manning.com homepage
test yourself with a liveTest