85 lines
3.1 KiB
Plaintext
85 lines
3.1 KiB
Plaintext
═══════════════════════════════════════════════════════════════════════
|
||
MAPBOX GLOBE 14: HPV Vaccine Impact on Cervical Cancer
|
||
═══════════════════════════════════════════════════════════════════════
|
||
|
||
QUICK START
|
||
-----------
|
||
|
||
1. Start a local web server in this directory:
|
||
|
||
python3 -m http.server 8000
|
||
|
||
2. Open browser to:
|
||
|
||
http://localhost:8000
|
||
|
||
3. Explore the visualization:
|
||
- Hover over countries for detailed statistics
|
||
- Use dropdowns to change size/color metrics
|
||
- Click "Toggle 3D Cancer Burden" for dramatic 3D view
|
||
|
||
KEY FEATURES
|
||
------------
|
||
|
||
✓ 146 countries with HPV vaccine coverage data
|
||
✓ Cervical cancer incidence and mortality rates
|
||
✓ 16 visualization modes (4 size × 4 color metrics)
|
||
✓ 3D extrusion layer showing cancer death burden
|
||
✓ Interactive popups with comprehensive statistics
|
||
✓ Auto-rotating globe with smooth controls
|
||
|
||
WHAT THE DATA SHOWS
|
||
-------------------
|
||
|
||
SUCCESS: 87% reduction in cervical cancer in vaccinated cohorts
|
||
INEQUITY: High-income countries: 84% coverage vs. Low-income: 27%
|
||
TRAGEDY: 90% of deaths occur in low/middle-income countries
|
||
POTENTIAL: 311,000 lives could be saved annually with full coverage
|
||
|
||
RECOMMENDED EXPLORATIONS
|
||
------------------------
|
||
|
||
1. Coverage vs. Cancer Correlation
|
||
Size: HPV Vaccine Coverage
|
||
Color: Cervical Cancer Incidence
|
||
→ See how high coverage correlates with low cancer rates
|
||
|
||
2. Impact Opportunities
|
||
Size: Lives That Could Be Saved
|
||
Color: HPV Vaccine Coverage
|
||
→ Identify where investment would save most lives
|
||
|
||
3. 3D Cancer Burden
|
||
Enable "Toggle 3D Cancer Burden"
|
||
→ Dramatic visualization of annual death toll by country
|
||
|
||
FILES
|
||
-----
|
||
|
||
index.html - Main visualization (20KB)
|
||
src/index.js - Mapbox logic and interactions (15KB)
|
||
src/data/data.js - 146 countries HPV & cancer data (83KB)
|
||
README.md - Full documentation with insights (12KB)
|
||
CLAUDE.md - Complete setup and customization guide (15KB)
|
||
|
||
BROWSER REQUIREMENTS
|
||
--------------------
|
||
|
||
✓ Modern browser with WebGL support
|
||
✓ Internet connection (Mapbox tiles from CDN)
|
||
✓ JavaScript enabled
|
||
|
||
Tested on: Chrome 120+, Firefox 121+, Safari 17+, Edge 120+
|
||
|
||
DOCUMENTATION
|
||
-------------
|
||
|
||
For detailed information, see:
|
||
- README.md → User guide, data insights, health equity analysis
|
||
- CLAUDE.md → Technical setup, customization, troubleshooting
|
||
|
||
═══════════════════════════════════════════════════════════════════════
|
||
Visualization created for the Infinite Agents project
|
||
Iteration 14 - HPV Vaccine Impact and Global Health Equity
|
||
═══════════════════════════════════════════════════════════════════════
|