In this chapter, we covered many examples to demonstrate how you can create data-driven visualizations using D3.js. We started with examples of the D3.js concept of selectors, using them to select elements from within the DOM, and discussed how selectors are used to map data items to the visuals that D3.js creates. We then examined several scenarios of binding new data, updating data, and removing data from a D3.js visualization.
Throughout this chapter, the visuals that we created with D3.js were pure HTML objects, primarily div
tags. Although we changed the size of these div
tags, the background color, and included text within them, the examples are a very basic form of graphical representation.
In the next chapter, we will start to get significantly more graphical by changing the focus of the examples towards working with SVG, creating real graphics (not just HTML div
tags), and setting a framework for the rich visualizations that we will create later in the book.