Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HW6 — Year Comparison

Public visualization

HW6 — Year Comparison

0 stars0🌍 Public
Vvvit.21bq5a0514@gmail.com
Last edited Oct 8, 2026
Created on Oct 8, 2026

This interactive D3.js visualization compares simulated car fuel efficiency (MPG) across years 2019–2024, using engine size and vehicle type as axes and color categories. It offers two views: an animated year-by-year transition and a side-by-side small multiples comparison, synchronized with a timed trial feature. The chart uses `d3.csv` to load data, `d3.scaleOrdinal` for color mapping, and SVG rendering with buttons for animation playback and timing. Both views share identical axis ranges and vehicle-type colors, helping users identify upward shifts in MPG for vehicle categories.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed