Introduction to D3.js

Introduction to D3.jsby Curran Kelleher

April 2015

Here’s the YouTube Videoof this presentation.

https://www.youtube.com/watch?v=8jvoTV54nXw

https://www.youtube.com/watch?v=8jvoTV54nXw

Curran Kelleher● Ph. D. from University of Massachusetts● Created Model.js

● Started at Alpine Data Labs in February● Working on Chiasm

https://github.com/curran/phd

https://github.com/curran/phd

https://github.com/curran/model

http://alpinenow.com/

https://github.com/curran/chiasm

https://github.com/curran/crossCountry

● Created by Mike Bostock and Jeff Heer● Next generation of Protovis● Great academic paper on D3● Tons of examples● Tons of libraries based on D3● Vibrant community, mailing list● Let’s Make a Bar Chart

http://d3js.org/

http://bost.ocks.org/mike/

http://idl.cs.washington.edu/

http://mbostock.github.io/protovis/

http://idl.cs.washington.edu/papers/d3

http://christopheviau.com/d3list/gallery.html

http://christopheviau.com/d3list/gallery.html

https://docs.google.com/presentation/d/14L2PE3O0q22Oo7tTqw15WfNsY78-2u0jcLXI5Xb72FI/edit#slide=id.g7bbd72659_00

https://groups.google.com/forum/#!forum/d3-js

http://bost.ocks.org/mike/bar/

http://bost.ocks.org/mike/bar/

“D3 Code”

http://bl.ocks.org/mbostock/3885304

http://bl.ocks.org/mbostock/3885304

HTML SVGCSS

D3

Technology

Introduction to D3.js