Widget:CharlesSVG: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 8: Line 8:


   <body>
   <body>
      <!--Red Line via Standard SVG-->
       <div id = "svgcontainer">
       <div id = "svgcontainer">
         <svg width = "300" height = "300">
         <svg width = "300" height = "300">
Line 16: Line 17:
       </div>
       </div>


      <!--Blue Line via D3.js-->
       <script language = "javascript">
       <script language = "javascript">
         var width = 300;
         var width = 300;
Line 28: Line 30:
             .attr("x2", 200)
             .attr("x2", 200)
             .attr("y2", 200)
             .attr("y2", 200)
             .style("stroke", "rgb(255,0,0)")
             .style("stroke", "rgb(0,0,255)")
             .style("stroke-width", 2);
             .style("stroke-width", 2);
       </script>
       </script>