I am using plotly with javascript to create some charts. I haven't really had much problem with this library, but i am struggling to get a decent map chart(Bubble chart).

I have set some config settings(I wont be including any data variables in this post).

const data = [
{
  type: "scattergeo",
  mode: "markers",
    colorscale: "Reds",
    colorbar: {
      thickness: 15,
      title: "Unique users per country",
      showticksuffix: "last",
    },
  },
  name: "europe data",
}];

const layout = {
geo: {
  scope: "europe",
  resolution: 50,
},

};

const config = {
 responsive: true,
 displaylogo: false,
 autosize: true
};

And its looking fine. But when i resize the browser or view the site on a smaller screen, the canvas where the map is drawn, looks incredibly small while the colorbar looks giant.

(I know i could just reduce the thickness, but the problem persists)

I have also looked for a way of changing the orientation of the colorbar but that feature hasn't been implemented yet.

¿Is there a way to hide the colorbar completely?