Hi there!

D3.js lessons from dashingd3js.com:

• Project 1 - Adding an SVG Element
  
• Project 2 - Binding Data to DOM Elements
  
• Project 3 - Using Data Bound to DOM Elements
  
• Project 4 - Creating SVG Elements Based on Data
  
• Project 5 - Using the SVG Coordinate Space
  
• Project 6 - Data Structures D3.js Accepts
  
• Project 7 - Using JSON to Simplify Code
  
• Project 8 - SVG Basic Shapes and D3.js
  
• Project 9 - SVG Paths and D3.js
  
• Project 10 - Dynamic SVG Coordinate Space
  
• Project 11 - D3.js Scales
  
• Project 12 - SVG Group Element and D3.js
  
• Project 13 - SVG Text Element
  
• Project 14 - D3.js Axes
  

Force Directed Graphs:
Project Force 1 - Force layout - nodes (D3 in depth)
Project Force 2 - Force layout - nodes and links (D3 in depth)
Project Force 3 - Force layout - nodes, links and attributes (puzzlr.org)

Here are next D3.js lessons (https://square.github.io/intro-to-d3):
Parts of a Graph
Data Binding
Examples

Another lessons: General Update Pattern
Fancy bar chart: Canvas Bar Chart
Fancy bar chart sorting: Canvas Bar Chart with Sorting (object), Canvas Bar Chart with Sorting (array)