How to Hide the Floating Toolbar in Plotly in Python

In this article, we'll see an easy way to hide the floating toolbar in Python Plotly using Python. When we hover the mouse pointer over the chart, we see a floating toolbar with a set of tools. At times, this toolbar can be a distraction. We just want the chart to appear without a floating toolbar to avoid distractions since we're not always sure what tool to use on our chart. Here, we will cover 3 examples as mentioned below:

• Plot with the floating toolbar in Plotly
• Plot without the floating toolbar in Plotly
• Plot with the fixed toolbar in Plotly

Examples to Hide the floating toolbar in Plotly

Plot with the Floating Toolbar in Plotly

By default, the toolbar is only visible when we hover the mouse pointer over the chart. we see a floating toolbar with a set of tools.

import plotly.express as px
# using the dataset
df = px.data.tips()
# plotting the scatter chart
plot = px.scatter(df, x='total_bill', y="tip")
# showing the plot with the floating toolbar
plot.show()

Output:

Plot without the Floating Toolbar in Plotly

The .show() method that we all use to display our figures also accepts a config parameter to help us change the configuration of the chart by passing a dictionary to the config parameter which contains the options which we want to set. If we want the floating toolbar to never be visible, set the displayModeBar property to False in the figure configuration.

plot.show(config = {'displayModeBar': False})

import plotly.express as px
# using the dataset
df = px.data.tips()
# plotting the scatter chart
plot = px.scatter(df, x='total_bill', y="tip")
# showing the plot without floating toolbar in Plotly
plot.show(config={'displayModeBar': False})

Output:

Plot with the Fixed Toolbar in Plotly

By default, the toolbar is only visible when we hover the mouse pointer over the chart. If we want the toolbar to always be visible, regardless of whether the user is currently hovering over the figure, set the displayModeBar property to True in the figure configuration.

plot.show(config = {'displayModeBar': True})

import plotly.express as px
# using the dataset
df = px.data.tips()
# plotting the scatter chart
plot = px.scatter(df, x='total_bill', y="tip")
# showing the plot with fixed floating toolbar in Plotly
plot.show(config={'displayModeBar': True})

Output: