ICE-6: Encoding Data with Marks & Channels

Dataset: cereal.csv · D3 v7 · SVG
Marks: points, lines, bars/areas · Channels: position (x/y), color, shape, size. This page shows three small visuals using your cereal dataset to demonstrate different combinations.

1) Scatter — Sugars vs Calories

Marks: points (symbols). Channels: x= sugars, y= calories, color= manufacturer, shape= type (C/H), size= protein.

2) Line + Area — Average Rating by Sugars

Marks: line + area. Channels: x= sugars, y= mean rating, area fill emphasizes magnitude.

3) Bars — Average Sodium by Shelf

Marks: bars (areas). Channels: x= shelf (1=low, 2=middle, 3=top), y= average sodium (mg), color by shelf.