Widget:CharlesSVG: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 67: Line 67:
         </div>
         </div>


       <!--Yellow Circle via D3.js-->
        
      <div id = "D3YellowCircle">
      <script>
        var width = 300;
        var height = 300;
        //Create SVG element
        var svg = d3.select("#D3GreenRectangle")
            .append("svg")
            .attr("width", width)
            .attr("height", height);
        //Append circle
        svg.append("circle")
            .attr("cx", 200)
            .attr("cy", 50)
            .attr("r", 20)
            .attr("fill", "yellow");
      </script>
      </div>




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