Chapter 5. Building Responsive Interactions
In the previous chapter, you learned how to make a chart responsive; this means to look good on all kind of devices. In this chapter, we will look at responsive interactions; this means to feel good on all kind of devices. In this chapter you will learn the following:
- Discovering the D3 event system
- Using native events and the D3 event system
- Understanding responsive interactions
- Implementing interaction targets
- Computing the nearest element of the dataset
- Learning about touch events
- Reviewing mouse events
- Implementing a simple zooming behavior
- Applying complex axis zoom
First, we will look at events in JavaScript and understand how event listeners are used to separate and integrate different components. We will also see the internal D3 event system and learn how to use it. Event systems help to make code cleaner and the execution path easier to follow.
Then, we will look at responsive events and interactions. We will see four different ways to...
