|
|
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>
| |
|
| |
|
|
| |
|