Chapter 5. Layouts

 

This chapter covers

  • Understanding histogram and pie chart layouts
  • Learning about simple tweening
  • Working with stack layouts
  • Using 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 (several 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. Stack layout

5.4. Plugins to add new layouts

5.5. Summary

D3.js in the real world

sitemap