# Data Story Prompt: Climate Data Narrative

## Theme
A scrollytelling explainer revealing how global temperature anomalies connect to regional consequences through annotated charts and paced narrative reveals.

## Story Arc: "The Warming Line"

### Section 1: The Baseline
- **Narrative**: Introduce the 1880-1910 pre-industrial baseline. Set the stage for understanding what "normal" meant.
- **Visual**: Static line chart showing stable temperature range (1880-1910), labeled baseline zone.
- **Hook**: "For thirty years, the world had a temperature. Then it began to lose it."

### Section 2: The Drift (1910-1980)
- **Narrative**: Early industrial warming—gradual, uneven, largely ignored.
- **Visual**: Animated line chart extending to 1980, showing slow upward drift.
- **Annotation**: Key events (post-war industrial boom, 1970s oil crisis).

### Section 3: The Acceleration (1980-2020)
- **Narrative**: The hockey stick emerges. Rate of change becomes unmistakable.
- **Visual**: Area chart with gradient fill showing acceleration, anomaly bands.
- **Annotation**: "+1°C" marker, "10 of warmest years in this period".

### Section 4: Regional Consequences
- **Narrative**: What does a global average mean locally? Arctic amplification, extreme weather shifts.
- **Visual**: Split-view showing global average vs. Arctic anomaly (dual axis chart).
- **Annotation**: "Arctic warming 2-3x faster than global average".

### Section 5: The Projection
- **Narrative**: Where the line leads under different emissions scenarios.
- **Visual**: Multi-line projection chart (SSP1-1.9, SSP2-4.5, SSP5-8.5 scenarios).
- **Annotation**: Interactive toggle between scenarios.

## Chart Specifications

1. **Baseline Timeline**
   - Type: Line chart with confidence bands
   - Data: Simulated historical temperature anomaly
   - Annotations: Baseline shading, milestone markers

2. **Drift Animation**
   - Type: Animated line chart
   - Transition: Progressive reveal as user scrolls
   - Duration: 1910-1980 reveal

3. **Acceleration Area**
   - Type: Area chart with gradient fill
   - Y-axis: Temperature anomaly (°C)
   - Key marker: +1.0°C line

4. **Arctic Amplification**
   - Type: Dual-line comparison
   - Lines: Global mean vs. Arctic mean
   - Highlight: Divergence point ~1990

5. **Scenario Projections**
   - Type: Multi-line with uncertainty cones
   - Scenarios: Low (1.5°C), Medium (2.5°C), High (4°C+)
   - Interaction: Scenario toggle buttons

## Visual Direction

- **Palette**: Deep navy to warming coral gradient (temperature metaphor)
- **Typography**: Editorial serif for narrative, clean sans-serif for data
- **Transitions**: Smooth scroll-triggered animations
- **Annotations**: Tooltips and inline labels, not legends

## Technical Requirements

- Single HTML file with inline CSS/JS
- Scrollama or Intersection Observer for scroll triggers
- D3.js or Chart.js for data visualization
- Responsive design (mobile-friendly charts)
- Keyboard navigation support
- Progress indicator or chapter navigation

## Quality Bar

- Each chart must answer a question raised by the narrative
- Scroll effects support emphasis, not distraction
- Mobile: Charts remain readable, annotations anchor properly
- No chart stacks—every visual is tied to story moment