title: How can I copy the content of my SVG and append it to another SVG frame?
body: <p>I have made a graph using D3 in a SVG frame. I want to show a duplicate of this in a smaller frame somewhere else.</p>
  
  <p>I've collected my SVG by using the following:</p>
  
  <pre><code>var svg = document.getElementById("mainSVG");
  </code></pre>
  
  <p>or</p>
  
  <pre><code>var svg_inner = document.getElementById("mainSVG").innerHTML;
  </code></pre>
  
  <p>And I'd like to place the data from "svg_inner" into another svg:</p>
  
  <pre><code>&lt;svg id="svgMini" class"picMenu" viewBox="0 0 918 598"&gt;
  
  &lt;/svg&gt;
  </code></pre>
  
  <p>or changing the id of "svg" somehow and placing it into a div or something div or similar.</p>
  
  <p>Is it possible to do this? What I'm trying to achieve is get the content of my current SVG, and show it somewhere else as well. </p>