HW5 - Marks and Channels

A React + D3.js visualization exploring different encoding strategies for multivariate data.

About

This project demonstrates five versions of the same dataset (Texas weather), each showing different design choices:

• V1: Position only (x, y)
• V2: Position + hue (categorical)
• V3: Position + hue + area
• V4: BROKEN - Shows common visualization mistakes
• V5: Repaired - Corrects the violations in V4

Components

• Summary: Data overview and statistics
• Controls: Version selector buttons
• Caption: Notes for each version
• Chart: Main D3 visualization

Data

Place texas_weather.csv in the project root.