Make it responsive about datamaps

[markmarkoh]

I think Github might have eaten your example code, I just see 3 closing divs. Can you post more of the example?

[juliocastrop]

Basically, I'm using the USA map and putting it into a span12 (bootstrap class), but I want to know if you have any idea of how to make it responsive, should we update the svg as well?

[markmarkoh]

When datamaps renders, it will take the height/width of the container DIV. In your case, #container1's width will match span12 (which bootstrap will make responsive), but the height of #container1 will be 0px.

Can you inspect the actual output and see what the width/height attributes of the SVG element are after your try to render?

[mg1075]

FWIW...
One approach for a responsive datamap is described here,
but I find it takes away interactivity and makes the legend disappear.
https://braddworak.com/editorials/computing/responsive-svg-graphics/