Position of multiple colorbars

plotly.js
1

Hi @etienne, in your post:

Continuing the discussion from Is it possible for multiple traces to share the same colorscale?:

you show an example with two colour bars next to each other.
I would like to do the same unfortunately I cannot manage to have enough space to the right of the main plot to fit the two colorbars, I have set the x value of the two colour bars but it seems that they cannot go any further to the right.
Therefore they end up colliding.
I tried to increase the margin of the plot, but that includes the area where the colorbars go.
Also tried increasing the pad without success.

Could you help me solving this?
btw I am in python but I guess it should be very similar.

Thanks a lot for your help!

 scatter = go.Scattermapbox(
            lat=df_date["region_lat"],
            lon=df_date["region_lon"],
            mode="markers",
            marker=dict(
                color=df_date["measure_value"],
                size=df_date["measure_value"]/5,
                showscale=True,
                colorbar={"x": 1}
            )
        ))
        
choropleth = go.Choroplethmapbox(geojson=geojson_regions, 
                                         locations=df_date[region_id_key], 
                                         z=df_date[bg_column],
                                         showscale=True,                                   
                                         marker=dict(
                                           opacity=0.5, 
                                           line_width=0
                                         ),
                                         colorbar = {"x": 1.5}
                                        )

image
image1708×1312 281 KB