Intro to D3

Data-Driven Documents

Where does it fit in?

  1. Data-collection
  2. Data-cleaning
  3. Exploration

    Quick charting libraries or tools like Tableau, ChartJS, NVD3, etc.

  4. Data-visualization

Let's try it!

  1. Loading in D3
  2. First shape with D3!

Dyamic Properties


          .text()
          .property()
          .style()
          .attr()
        

Data joining with DOM elements

Plotting helpers

Tools specific to web visualization

  • SVG's, CSS
    • D3.js
    • Leaflet
  • Canvas
    • Bokeh
    • Processing.JS
    • ChartJS

SVG vs. Canvas

Exploration