How can I add interactivity to my Plotly graphs in Jupyter Notebooks?

How can I add interactivity to my Plotly graphs in Jupyter Notebooks?

You can use Plotly's built-in features like sliders, dropdowns, and buttons to add interactivity. Would you like a code example?

Yes, please provide a code example for a simple interactive graph.

Here's a basic example:

import plotly.express as px
import pandas as pd

# Sample data
df = pd.DataFrame({
    'x': [1, 2, 3, 4],
    'y': [10, 11, 12, 13],
    'category': ['A', 'B', 'A', 'B']
})

# Create an interactive scatter plot
fig = px.scatter(df, x='x', y='y', color='category')
fig.show()

This will create an interactive scatter plot where you can hover over points to see details.

How do I add a dropdown menu to filter the data in the graph?

You can use the update_layout method to add a dropdown. Here's an example:

fig.update_layout(
    updatemenus=[{
        'buttons': [
            {'label': 'Category A', 'method': 'update', 'args': [{'visible': [True, False]}]},
            {'label': 'Category B', 'method': 'update', 'args': [{'visible': [False, True]}]},
        ],
        'direction': 'down',
    }]
)

This will create a dropdown to filter by category.