D3 does not introduce a new visual representation. Unlike Processing, Raphaël, or Protovis*, D3’s vocabulary of graphical marks comes directly from web standards: HTML, SVG, and CSS - d3js.org

Protovis is the precedant work of d3.js team.

see also

• D3 in Depth
• G9.js - Automatically Interactive Graphics
• p5.js - a tool for learning to code and make art.

General Presentation

• Introduction to D3 (MIT/observable)
  • HN
• The Hitchikers guide to d3.js
• Mike Bostock (creator)
  • homepage

Tutorials

• Scott Murray tutorials
  • Drawing SVGs
• d3 tutorials
  • Introducing d3-scale
  • Introducing d3-shape
  • Thinking with Joins
  • Drag and drop

References

• d3 API
• d3.select() - Transform the DOM by selecting elements and joining to data.
• d3-hierarchy - 2D layout algorithms for visualizing hierarchical data.
• SVG
• JS Fiddler

v3 vs v4 vs v5

• Examples and Changes from version 3.x
• Changes in D3 4.0
• Changes in D3 5.0

Examples

• The Big List of D3.js Examples

  Misc

• IDE: tributary