This page is a reference for viewers of my D3 Big Picture course on Pluralsight.com
If you don't have an account on Pluralsight you can get a free trial here: Free Trial on Pluralsight.com
D3 Library Overview
SVG Elements
Scalable Vector Grahpics is a XML-based vector image format for 2D graphics with support for interactivity and animation
*Developed by W3C in 1999
Example:
[code]
// html
<svg>
<rect width=”50″ height=”200″ style=”fill: blue;”/>
</svg>
//D3
d3.select(“body”).append(“svg”)
.append(“rect”)
.attr(“width”, 50)
.attr(“height”, 200)
.style(“fill”, “blue”);
[/code]
Effect on HTML
- Open this link: Every Game of Thrones Battle Visualized
- Right click and choose ‘insepct'
- See what happens as you drag elements around