fbpx

D3 Big Picture – Module 5

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

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

vector-raster

 

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