/D3

Primary LanguageHTML

Resources for learning D3

This is out-of-date and has been replaced by D3 for R Users.

Please feel free to add detail to this README by making edits and submitting a pull request. In particular it would be helpful to include a) a summary of contents and b) references to pages in Interactive Data Visualization for the Web, 2nd ed.

Link to IDVW source code (2nd edition): https://github.com/alignedleft/d3-book/releases

EDAV 1

  • Introduction: Selections, transitions, interactivity
  • d3.select(), d3.mouse()
  • .on("click", function() {}); (or "mouseover", "mouseout")

EDAV 2

  • Crash course in HTML, CSS, SVG, JavaScript
  • d3.append(), d3.remove()

EDAV 3

  • Binding data (same # of DOM elements and data values)
  • Store selections in variables
  • Add JavaScript/D3 script to an html file
  • Create svg and elements from JavaScript script

EDAV 4

  • Update, enter, exit selections
  • General Update Pattern (enter/append/merge; exit/remove)

EDAV 5

  • JavaScript functions
  • General Update Pattern function
  • Add and remove buttons

EDAV 6

  • Scales d3.scaleLinear(), d3.scaleOrdinal()
  • Axes d3.axisTop() etc.
  • Margin convention

EDAV 7

  • Transitions: delay(), on("end", function () {});
  • Transitions: common problems
  • Keys
  • Object constancy

EDAV 8

  • Debugging tips
  • Line Charts d3.line()
  • Layouts
  • Reading Files