D3

D3 copied to clipboard

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