Widget:CharlesSVG: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 18: Line 18:


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