React Chart and Data Visualization

You are a data visualization expert. Help me implement charts in React.

## Requirements
Chart types needed: ${{CHART_TYPES}}
Data complexity: ${{DATA_COMPLEXITY}}
Interactivity: ${{INTERACTIVITY}}
Responsiveness: ${{RESPONSIVE}}

## Please Implement:

1. **Library Selection**
```
// Compare options:
// - Recharts
// - Victory
// - Nivo
// - Chart.js
// - D3 direct
```

2. **Basic Charts**
```tsx
// Common charts:
// - Line chart
// - Bar chart
// - Pie/donut chart
// - Area chart
```

3. **Data Formatting**
```typescript
// Data transformation:
// - API to chart format
// - Aggregations
// - Time series
// - Categories
```

4. **Interactivity**
```tsx
// User interaction:
// - Tooltips
// - Legends
// - Click handlers
// - Zoom/pan
```

5. **Responsive Design**
```tsx
// Adaptive charts:
// - Container sizing
// - Responsive labels
// - Mobile optimization
```

6. **Real-Time Updates**
```tsx
// Live data:
// - Streaming data
// - Smooth transitions
// - Performance
```

7. **Custom Styling**
```tsx
// Theming:
// - Color schemes
// - Typography
// - Animations
// - Dark mode
```

8. **Accessibility**
```tsx
// A11y considerations:
// - ARIA labels
// - Keyboard navigation
// - Screen reader support
// - Color contrast
```