Dual-Axis Chart Visualization

A D3.js dual-axis chart displaying Seattle weather data with precipitation bars and maximum temperature line overlay.

Features

• Dual Y-axis scales for different metrics (precipitation and temperature)
• Bar chart for discrete values (precipitation)
• Line chart for continuous values (temperature)
• Responsive design
• Gridlines for better readability
• Legend showing both metrics
• Reusable chart component

Data

Uses Seattle weather dataset with 180 samples (6 months) covering:

• Date
• Precipitation (mm)
• Max Temperature (°C)