title: In D3.js How to draw a map with full screen width?
body: <p>I created a <code>geo map</code>(world map).I try to stretch my map based on screen width.<code>svg</code> don't support <code>width:100%</code> so that i created a parent <code>div</code> <code>width:100%</code> for <code>svg</code>.</p>
  
  <h2>Sample Code</h2>
  
  <pre><code>&lt;div id="world-placeholder" style="width:100%;height:100%;"&gt;
       // svg part goes here
  &lt;/div&gt;
  </code></pre>
  
  <p>Also, I tried <code>svg</code> attribute like <code>viewBox</code> and <code>preserveAspectRatio</code>.But Still i can't able to create.</p>
  
  <p>I added my <code>fiddle link</code> below so kindly take a look and help me.</p>
  
  <p>Fiddle Link - <a href="http://jsfiddle.net/acvefmhz/1/" rel="nofollow">http://jsfiddle.net/acvefmhz/1/</a></p>
  
  <p>Map is working fine.But i need show my map as a full screen(<code>Need to stretch full window</code>)</p>