Example of world map created with geojson2svg

This example shows how easily svg map can be scaled using viewBox tag of SVG. One most comman use case is adjustable width of the map. Here is the HTML code that is used in this example:

  <div id="mapArea" style="width:100%;height:200px;border:1px solid;overflow:hidden;">
    <svg id="map" xmlns="http://www.w3.org/2000/svg"
      width="100%" viewBox="0 200 800 800">
    </svg>
  </div>


The SVG tag viewBox has been explained very well in this stackoverflow answer with example.