Intro to D3 – Where does it fit in?

View Github Repository Open presentation in a new window

pandafulmanda

See all presentation from pandafulmanda

Intro to D3 – Where does it fit in?

0 0

d3-intro-slides

On Github pandafulmanda / d3-intro-slides

Intro to D3

Data-Driven Documents

Where does it fit in?

Data-collection Data-cleaning Exploration

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

Data-visualization

Custom visualizations where you need to control the details
Used widely for making custom interactive data stories like
- Mobile Patent Suits
- Better to Rent or Buy

Let's try it!

Loading in D3 First shape with D3!

Dyamic Properties

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

Data joining with DOM elements

Plotting helpers

Scales
Axes
Transitions and dynamic styles setting for animated charts
Loading external data in

Tools specific to web visualization

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

Exploration