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 handle interactions...