d3js svg not visible in chrome
<p>I am using two svgs in my code. One is using HTML, another is using d3:</p>

<pre><code>    &lt;svg&gt;
        &lt;circle cx="40" cy="40" r="24" style="stroke:#006600; fill:#00cc00"/&gt;
    &lt;/svg&gt;

 var svg = d3.select("body")
            .append("xhtml:div")
            .append("svg")
            .attr("width",500)
            .attr("height",50)
            .attr("fill","yellow")
            .attr("stroke","orange")
            ;
</code></pre>

<p>The first one is showing, second one is not. </p>