Interactivity Attributes (hover, click, select, relayout)

Overview

Within the Dash ecosystem, we can take our Plotly graphs and, with the assistance of the dcc.Graph component in particular, can change the nature of our plot in response to user interaction operations such as hovering, clicking, and selecting. In particular, we can use the hoverData attribute within dcc.Graph to capture information about exactly what the user is hovering over. With this and the combination of the figure attribute, we can show the user exactly what they want to explore.

First, we will consider a simple example: