Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki)
82,369
edits
Widget:CharlesSVG: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 70: | Line 70: | ||
</div> | </div> | ||
<!--Green Rectangle via D3.js--> | |||
<div id = "D3GreenRectangle"> | |||
<script> | |||
var width = 300; | |||
var height = 300; | |||
//Create SVG element | |||
var svg = d3.select("#D3BlueLine") | |||
.append("svg") | |||
.attr("width", width) | |||
.attr("height", height); | |||
//Create and append rectangle element | |||
svg.append("rect") | |||
.attr("x", 20) | |||
.attr("y", 20) | |||
.attr("width", 200) | |||
.attr("height", 100) | |||
.attr("fill", "green"); | |||
</script> | |||
</div> | |||
</body> | </body> | ||
</html> | </html> | ||