Implementing multiple D3 layout on same page
<p>I tried to add multiple D3 graphs on same page i.e. Pie Chart, Bar Graph and a tree layout using different data in either CSV or JSON format. But I am not able to implement all of these 3 graphs on the same page. When I link more than 1 layout on a same page, I get a blank page.</p>

<p>I tried to append each chart in a different div using following HTML and JS</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div id="piediv"&gt;&lt;/div&gt;
&lt;div id="bardiv"&gt;&lt;/div&gt;
&lt;div id="treediv"&gt;&lt;/div&gt;
</code></pre>

<p><strong>JS</strong></p>

<pre><code>var svg = d3.select("#piediv").append("svg")
var svg = d3.select("#bardiv").append("svg")
var svg = d3.select("#treediv").append("svg")
</code></pre>

<p>All of the <strong>JS</strong> lines above are in their respective individual JS files viz. pie.js, bar.js and tree.js</p>