Widget:CharlesSVG: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 19: Line 19:
    
    
   <svg>
   <svg>
      <!--Blue Line via D3.js-->
   
      <div id = "D3BlueLine">
      <script>
        var width = 300;
        var height = 300;
        var svg = d3.select("#svgRedLine")
            .append("svg")
            .attr("width", width)
            .attr("height", height);
        svg.append("line")
            .attr("x1", 200)
            .attr("y1", 100)
            .attr("x2", 100)
            .attr("y2", 200)
            .style("stroke", "rgb(0,0,255)")
            .style("stroke-width", 2);
      </script>
      </div>
 


       <!--Green Rectangle via D3.js-->
       <!--Green Rectangle via D3.js-->