Widget:CharlesSVG: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 34: Line 34:
       </script>
       </script>


      <!--Green Rectangle via D3.js-->
      <script>
        var width = 300;
        var height = 300;
        //Create SVG element
        var svg = d3.select("#svgcontainer")
            .append("svg")
            .attr("width", width)
            .attr("height", height);
        //Create and append rectangle element
        svg.append("rect")
            .attr("x", 20)
            .attr("y", 20)
            .attr("width", 200)
            .attr("height", 100)
            .attr("fill", "green");
        </script>