Shared Y in px.histogram

đź“Š Plotly Python
1

Hi all,

I’m a little confused by the behavior of plotly.express.histogram. Especially when coloring by a column. It seems as if the size of the bars doesn’t actually match the Y-axis in some cases. In the first picture below, the blue histogram has a higher value for that bin than the red one but it’s showed above the red one and it’s value doesn’t match the Y-axis. On the second picture the bin of the blue histogram is correctly positioned above the red one. However, its value doesn’t “match” the Y-axis. The code to reproduce the plot is posted at the end.

image
image785Ă—493 18.3 KB

image
image756Ă—451 18.9 KB

import plotly.express as px

election = px.data.election()

fig = px.histogram(election,
                   color="result",
                   x="total",
                   histnorm="probability density",
                   width=8 * 100,
                   height=5 * 100)

fig.show()

Plotly version 4.8.0, Operative system: Manjaro bspwm

2

Hi @h4pZ by default the histograms are stacked which is why you see them on top of each other.
If you want them side by side use

fig.update_layout(barmode="group")
1 Like
3

Hi @RenaudLN,

Thanks for the reply, that makes sense!

Do you know if there is a way to show one histogram in front of each other? Somewhat like in here

image
image790Ă—544 28.4 KB

4

Just change it to barmode="overlay".

1 Like
5

Thank you very much, it works!