D3js

Presentation by Justin McMurdie

Justin McMurdie

Software Engineer

Overview

  • What is D3js
  • Common uses of D3.js
    • Charts
    • SVG
    • D3.js libraries
  • Intro to SVG & D3.js
  • Build a chart
  • Reusable Charts

What is D3.js

  • Data Binding Library
  • Arbitrarily Binding Data to the DOM

Common Uses of D3.js

Chart Libraries

built on D3.js

  • Prebuilt Charts
    • NVd3
    • pykcharts
  • Support Library
    • d3.chart

BL.OCKS

http://bl.ocksplorer.org/

bl.ocks.org

Introduction to SVG & D3js

D3 (The good Parts)

d3 = data driven documents

D3 (The good Parts)

Enter, Update, Exit

http://goo.gl/dDLC9p

D3 (The good Parts)

Build a Chart

Fin

Resources

  • d3js.org
  • http://bost.ocks.org/mike/chart/
  • bl.ocks.org
  • https://github.com/TheMcMurder/d3Presentation2015
  • http://bl.ocksplorer.org/

d3js2015

By themcmurder

d3js2015

  • 663