Zeichnen auf eine extern geladene SVG-Grafik in D3

Question

Nov 09, 2013, 11:12 PM

Zeichnen auf eine extern geladene SVG-Grafik in D3

Ich habe eine externe Grafik aus einer SVG-Datei geladen und möchte damit experimentieren, kann aber nicht herausfinden, wie. mein einfacher d3 code ist hier:

<!DOCTYPE html>
  <html>
  <head>
   <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
</head>
<body>
  <script type="text/javascript">

     d3.xml("brussels.svg", "image/svg+xml", function(xml) {
     document.body.appendChild(xml.documentElement);
       });

     svg.append("circle")
     .style("stroke", "gray")
     .style("fill", "white")
     .attr("r", 40)
     .attr("cx", 50)
     .attr("cy", 50)
     .on("mouseover", function(){d3.select(this).style("fill", "aliceblue");})
     .on("mouseout", function(){d3.select(this).style("fill", "white");});

      </script>
   </body>
</html>

Ich bin mir sicher, dass es etwas Einfaches ist, aber ich bin mir nicht sicher, wie ich den tatsächlichen Kreis erstellen soll.

Vielen Dank!