Chapter 10. Writing layouts and components

 

This chapter covers

  • Writing a custom legend component
  • Writing a custom grid layout
  • Adding functionality to make layout and component settings customizable
  • Adding interactivity to components

Throughout this book, we’ve dealt with D3 components and layouts. In this chapter we’ll write them. After you’ve created your own layout and your own component, you’ll better understand the structure and function of layouts. You’ll be able to use that layout, and other layouts that you create in the same fashion, in the charts and applications that you build with D3 later on.

10.1. Creating a layout

10.2. Writing your own components

10.3. Loading sample data

10.4. Linking components to scales

10.5. Adding component labels

10.6. Summary

D3.js in the real world