✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚡️ Concerned about the grid? Kyle Baranko teaches how to predicting peak loads using XGBoost. Register for the August webinar!

How set size of choropleth?

Hello,
I’m trying to make a choropleth map, but how can i set the size of the map?

I would like expand the map to all the space, i read the documentations but i didn’t find a solution.

Thanks

Setting layout.width and layout.height should do the trick.

thanks for your answer but layout.width and layout.height set the cointaner of map ( includes title and legend)

Did you find an answer @ricio91?

Hi Rico, Did you resolve this issue? I am also suffering the same problem.

Best,

Mike

Me too. Can’t find the answer nowhere.
I’ve set width value to this node, which seems to be responsible for that size but no effect.

<g class="geolayer" style="width: 1000px;"><g class="geo geo" clip-path="url(#clipc53464geo)" style="width: 1000px;"><g class="layer bg"><rect style="pointer-events: all; fill: rgb(255, 255, 255); fill-opacity: 1; cursor: auto;" y="95" height="280" width="700" x="300"></rect></g><g class="layer ocean"><path style="stroke: none; fill: rgb(173, 216, 230); fill-opacity: 1;" d="M582.2621956375574,174.5710941084537L579.0218356011536,171.060704069...
7L188.55845121451443,168.0903740356464L188.49849998333315,168.07402369986968L188.49849998333315,161.3936299604122Z"></path></g><g class="layer frontplot"><g class="scatterlayer"></g></g></g></g>

I have a similar question using Dash and a Plotly choropleth map figure.

I have plenty of white space around the map, which is the only thing in the Bootstrap row/col. “autosize” is set True in the figure layout. I set the figure height to 600 (larger than the default 450), which creates vertical space, yet it doesn’t expand the map to use all the space.

-David

I have a similar question using Dash and a Plotly choropleth map figure.

I have plenty of white space around the map, which is the only thing in the Bootstrap row/col. “autosize” is set True in the figure layout. I set the figure height to 600 (larger than the default 450), which creates vertical space, yet it doesn’t expand the map to use all the space.

-David

UPDATE: I found most of my answer in my Bootstrap layout. I was constraining the number of columns for the figure Div due to some copied code. I would still like to understand how to make the sizing truly responsive rather than fixing the height.