Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Marks & Channels

Public visualization

Viewing a saved revision (read-only)

21fbdf9028b54da284cf4b321bd9b0d8

Marks & Channels

0 stars0🌍 Public
IIlgar Akalın
Last edited Sep 21, 2021
Created on Sep 21, 2021

This visualization shows the relationship between engine displacement, miles per gallon, horsepower, and country of origin for a sample of automobiles. Using Vega-Lite’s API, it renders a scatterplot where point positions encode displacement and MPG, color encodes origin, and size encodes horsepower, while tooltips reveal additional details. The data is loaded asynchronously via D3’s CSV parser, and the chart is configured with custom axis and label styling for readability.

AI-generated description

Marks and Channels

Includes:

  • Marks -- Point, Line, Area
  • Channels -- Position, Color, Size, Shape
  • How to choose marks & channels based on attribute types & tasks