No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
<body> | <body> | ||
<!--Red Line via Standard SVG--> | <!--Red Line via Standard SVG--> | ||
<div id = " | <div id = "svgRedLine"> | ||
<svg width = "300" height = "300"> | <svg width = "300" height = "300"> | ||
<line x1 = "100" y1 = "100" | <line x1 = "100" y1 = "100" | ||
| Line 18: | Line 18: | ||
<!--Blue Line via D3.js--> | <!--Blue Line via D3.js--> | ||
<script language = "javascript"> | <div id = "D3BlueLine"> | ||
<script language = "javascript"> | |||
var width = 300; | |||
var height = 300; | |||
var svg = d3.select("#svgcontainer") | |||
.append("svg") | |||
.attr("width", width) | |||
.attr("height", height); | |||
svg.append("line") | |||
.attr("x1", 100) | |||
.attr("y1", 100) | |||
.attr("x2", 200) | |||
.attr("y2", 200) | |||
.style("stroke", "rgb(0,0,255)") | |||
</ | .style("stroke-width", 2); | ||
</script> | |||
</div> | |||
edits