D3.js: Cutting-edge Data Visualization
by Ændrew H. Rininsland, Michael Heydt, Pablo Navarro Castillo
Summary
In this chapter, we learned how to highlight elements when a user moves the pointer over them, making it easier for the user to spot the elements under the cursor and give hints of which elements can provide additional interactions. We created a reusable tooltip component that can be configured and used in other charts.
We also learned how to use the built-in brush component to create a control in order to select intervals, and used this control to allow the user to select a time interval in an area chart. We used the brush area to further annotate the chart with useful information about variations and the edges of the selected time interval.
In the next chapter, we will learn how to add interaction between chart components and how to integrate ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access