A demonstration of basic D3 usage to implement the concept of Marks and Channels. Includes usage of:

• Point Marks by X, Y, Size
• Line mark varying in length
• Scaling factors
• SVG Rectangles
• selection.each()
• SVG Path Elements
• d3.symbol()
• SVG attributes transform and fill
• D3 Color Schemes
• JavaScript Modules

Part of the Constructing Visualizations Playlist.

See also blocks.roadtolarissa.com: Marks and Channels (a vanilla JavaScript version of this).