Perfectly Awesome

D3 - Getting Started (Oreilly)

Links
Intro
  • What is D3
  • Typical setup
  • Example:: NY Met Transit Authority dataset
    • Data cleaning
    • Data serving
Enter Selection
  • Subway status board
    • drawing function
    • Data-depending styling
  • Graphing traffic
    • horizontal bar chart - div tags
    • CSS
    • Labels
Scales, axes & lines
  • Bus breakdowns, accidents, injuries
    • Tiny SVG
    • Extent & scale - mapping data to pixels
    • Adding axes
    • Adding axis titles
  • Turnstile traffic
    • Viewports
    • Time scales
    • Adding axes
    • Adding a path
Interactions & transitions
  • Wait assessment - interactions
    • Viewport
    • Adding interactions
  • Wait assessment - transitions
    • Simple
    • Mouseover labels
    • Entry animation - delays
    • Line labels
    • Style
Layout
  • Subway connections
    • Force directed graphs
  • Wait times
    • Histogram layout
    • Stack layout
Resources