Introduction to D3

Thinking in D3Joe Golike@golike

Thinking in D3 Joe Golike @golike 16 Feb 2012

What is D3?

D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document.

[[ 11975, 5871, 8916, 2868 ], [ 1951, 10048, 2060, 6171 ], [ 8010, 16145, 8090, 8045 ], [ 1013, 990, 940, 6907 ]]

What’s good about it?

Web standards technology

Web standards technologyWorks in all modern™ browsers

Web standards technologyWorks in all modern™ browsersPerforms well, even on mobile

What it’s good at?

Nearly unlimited power and control

Nearly unlimited power and controlDoes complicated math for you

Nearly unlimited power and controlDoes complicated math for youSVG + CSS

What to watch out for?

Steepish learning curve

Steepish learning curveBrowser support

Steepish learning curveBrowser support Internet Explorer 9+

Steepish learning curveBrowser support Internet Explorer 9+Spotty documentation

Where do we go from here?

alignedleft.com/tutorials/d3groups.google.com/group/d3-jsmbostock.github.com/d3colorbrewer.orginsights.truliablog.com

What have you done with D3?

Thanks.Joe Golike@golike

Technology