D3.js in Action, Second Edition

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.

In this chapter we’ll create a custom layout that places a dataset on a grid. For most of the chapter, we’ll use our people analytics dataset, ...