Jump to content

Widget:CharlesSVG: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 18: Line 18:
----
----
    
    
   <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-->
Line 61: Line 79:
         </div>
         </div>


</svg>
 


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