I am able to use 2 svg on one screen in d3.js. The Code looks like this and it works great:
<svg width="880" height="800" id="svg1"></svg>
<svg width="880" height="800" id="svg2"></svg>
var svg1 = d3.select("#svg1");
var svg2 = d3.select("#svg2");
My only problem is, that svg2 appears under svg1. But my goal is to put them side by side. Do you guys know how to solve that problem? I tried to manipulate the x position of svg2 with this code:
<svg cx="880" cy"100" width="880" height="800" id="svg2"></svg>
but this was not the right solution. Thanks guys!!