Marks and Channels

A port of VizHub: Marks and Channels to vanilla JavaScript.

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.