D3

Tutorial

DSE 241
Winter 2016

Index

  1. JavaScript
    1. Variables
    2. Arrays
    3. Objects
    4. Operators
    5. Control Flow
    6. Functions
  2. D3
    1. D3.select()
    2. Modifying the DOM
    3. Chaining D3 methods
    4. SVG Selections
    5. Binding Data
    6. Entering Data
    7. Exiting Data
    8. Scales
    9. Making a Barchart
    10. Making a Scatterplot
    11. Transitions
    12. Binding Data by Key
    13. Loading External Data
    14. D3.nest()
    15. Ordinal Scales and RangeBands
    16. Adding Axes
  1. Interesting Examples
    1. Streamgraph
    2. Force-Directed Graph
    3. Dendrite Plot
    4. Treemap
    5. Adjacency Matrix
    6. Health & Wealth of Nations
    7. US Unemployment Choropleth
  2. Full Example Files
    1. HTML Example File
    2. CSS Example File
    3. SVG Example File
    4. D3 Basic Barchart
    5. D3 Barchart From CSV
    6. D3 Update Data on Click
    7. D3 Barchart with Ordinal Scale

Questions?