Fork of Fork of ICE-6 (Multi series chart)
This interactive SVG visualization compares the average price and average mileage of BMW cars by year, using a dual-axis design. A teal bar chart represents average price in US dollars on the left axis, while a red line with dots shows average mileage on the right axis, with data labels and rotated text inside each bar for clarity. The visualization is built using React and D3 v6, employing D3 scales, axes, line generators, and data processing functions to aggregate a CSV dataset from GitHub. The chart is rendered with React's declarative structure and D3's imperative SVG manipulation, featuring grid lines, custom styling, and hover effects.