Mastering Plotly and Dash Data Visualization with Python/

...

/

Custom Buttons and Dropdown Menus

Custom Buttons and Dropdown Menus

Learn how to customize buttons and dropdown menus to enhance the interactivity of your Plotly figures.

We'll cover the following...

In this lesson, we will use a dataset of the earnings of professional golfers in 2023.

Press + to interact
# Import libraries
import pandas as pd
import numpy as np
# Import datasets
golf = pd.read_csv('/usr/local/csvfiles/money_leaders2023.csv')
print(golf.head())

The updatemenus argument

Inside fig.layout(), we have the option of passing a particular argument, updatemenus, which allows us to create custom buttons within a figure using a list of dictionaries.

Upon clicking a button, we can also configure a plotly.js function to be called, which we store in an argument method. Here we can use the following:

  • restyle: Modify data or data attributes.

  • relayout: Modify attributes regarding the layout.

  • update: Modify data and layout attributes. Here we can utilize the individual benefits of the restyle and relayout options.

  • animate: Start or pause an animation (beyond the scope of the course).

The method="restyle" option

The restyle method is used to update certain properties of an individual trace or set of traces (e.g., line width, marker size, or color). We are not yet interested in modifying the layout of the plot.

In this plot, we plot a box plot of the earnings of professional golfers in 2023. We ...