Widget:CharlesSVG: Difference between revisions

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


   <body>
   <body>
   <script>
    
  <svg width="400" height="110">
  <rect width="300" height="100"
  style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>
</script>
<script>
<svg>
  <rect width="300" height="100"
  style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>
</script>
      <!--Red Line via Standard SVG-->
      <div id = "svgRedLine">
        <svg width = "300" height = "300">
            <line x1 = "100" y1 = "100"
              x2 = "200" y2 = "200" style = "stroke:rgb(255,0,0);
              stroke-width:2"/>
        </svg>
      </div>
 
       <!--Blue Line via D3.js-->
       <!--Blue Line via D3.js-->
       <div id = "D3BlueLine">
       <div id = "D3BlueLine">