Unable to append a rect to a SVG using d3
<p>I have an SVG inside a div in the html body and I am using d3 to append a "rect" to this SVG, but the rect is not getting generated.</p>

<pre><code>&lt;script&gt;
    //Select the SVG Container
      var svgContainer = d3.select("#svg_container");
      //Draw the Rectangle
      var rectangle = svgContainer.append("rect").attr("x", 10).attr("y", 10).attr("width", 50).attr("height", 100);
</code></pre>

<p></p>

<pre><code>&lt;svg id="svg_container" width="1000px" height="800px"&lt;/svg&gt;
</code></pre>

<p>Here is a plunkr added - <a href="https://embed.plnkr.co/aNW8NtiRfS6FkSQMHtkB/" rel="nofollow">https://embed.plnkr.co/aNW8NtiRfS6FkSQMHtkB/</a></p>

<p>Any help in generating the "rect" would be appreciated.</p>