Dashboard interactivo, 100 % estático (sin backend, sin build step), que ayuda al ciudadano peruano a entender, explorar y prepararse ante los principales riesgos de catástrofe del país: sismos, tsunamis, El Niño, huaicos, friajes, sequías, deforestación amazónica, pandemias, crisis globales.
🌐 Demo en vivo: https://unimauro.github.io/peru-prevencion-riesgos/
-
14 secciones con storytelling, mapas, gráficos, datos y "qué hacer":
- Portada — mapa de Perú con capas, KPIs históricos, selector de las 25 regiones
- Sismos & maremotos — IGP/DHN, epicentros 1746–2007, llegada de tsunami
- El Niño / Niña Costera — timeline 1925–2024, TSM, predicción
- Huaicos e inundaciones — CENEPRED/INDECI, quebradas, damnificados
- Friajes y heladas — sierra sur vs selva, temperaturas mínimas
- Sequías & glaciares — INAIGEM, embalses, estrés hídrico
- Deforestación amazónica — MINAM Geobosques, minería ilegal
- Pandemias — exceso de mortalidad COVID, UCI por región
- Siniestros viales — Panamericana, Carretera Central, Interoceánica
- Energía & agua — cobertura, SEIN, SEDAPAL
- Riesgos globales — importaciones críticas, IPC vs eventos
- 🎮 Simulador (gancho viral) — 6 sub-simuladores client-side:
- Sísmico (anillos Mercalli, población expuesta, ondas P/S)
- Tsunami (tiempo de arribo, altura, ruta)
- El Niño (lluvias, pérdidas, cultivos en riesgo)
- Crisis alimentaria (canasta básica vs shock externo)
- Pandemia SEIR (180 días, UCI saturadas)
- Apagón (servicios críticos en cadena)
- Resiliencia social — mochila checklist, plan familiar PDF (jsPDF), quiz preparación
- Metodología y fuentes — todas las fuentes oficiales con enlaces
-
Modo claro/oscuro persistente · Responsive móvil-first · Accesible (AA, navegación por teclado)
-
Filtro global por región que afecta perfil de riesgo
-
Compartir simulaciones por URL (estado en el hash)
-
Sin backend, sin build, sin npm — solo HTML/CSS/JS vanilla con librerías por CDN
| Capa | Herramienta |
|---|---|
| HTML/CSS/JS | Vanilla, sin framework |
| Mapas | Leaflet 1.9 (CDN) |
| Gráficos | Chart.js 4.4 (CDN) |
| jsPDF 2.5 (CDN) | |
| Tipografía | Inter (Google Fonts) |
| Tiles | OpenStreetMap + CartoDB (light/dark) |
No requiere instalación. Cualquier servidor HTTP estático:
git clone https://github.com/unimauro/peru-prevencion-riesgos.git
cd peru-prevencion-riesgos
python3 -m http.server 8080
# Abre http://localhost:8080peru-prevencion-riesgos/
├── index.html # Shell con las 14 secciones
├── assets/
│ ├── css/styles.css # Paleta peruana, light/dark, responsive
│ ├── img/ # OG image, íconos
│ └── js/
│ ├── config.js # País-agnóstico: 25 regiones, riesgos
│ ├── data.js # Datasets curados
│ ├── app.js # Núcleo: routing, tema, helpers
│ └── sections/
│ ├── portada.js # Sec 1 — mapa, KPIs, perfil regional
│ ├── sismos.js # Sec 2 — epicentros + Mercalli
│ ├── nino.js # Sec 3 — TSM, timeline
│ ├── huaicos.js # Sec 4 — quebradas, damnificados
│ ├── friajes.js # Sec 5 — heladas vs friajes
│ ├── sequia.js # Sec 6 — glaciares, embalses
│ ├── amazonia.js # Sec 7 — deforestación
│ ├── pandemias.js # Sec 8 — COVID, UCI
│ ├── viales.js # Sec 9 — carreteras
│ ├── energia.js # Sec 10 — cobertura
│ ├── globales.js # Sec 11 — geopolítica & mercados
│ ├── simulador.js # Sec 12 — 6 sub-simuladores
│ ├── resiliencia.js # Sec 13 — mochila, plan PDF, quiz
│ └── boot.js # Arranque
├── robots.txt
├── sitemap.xml
├── 404.html
└── README.md
| Tema | Fuente | Sitio |
|---|---|---|
| Sismos | IGP · USGS | https://www.igp.gob.pe/ |
| Tsunamis | DHN — Marina de Guerra | https://www.dhn.mil.pe/ |
| Clima · El Niño | SENAMHI · ENFEN · IMARPE | https://www.senamhi.gob.pe/ |
| Glaciares | INAIGEM | https://www.gob.pe/inaigem |
| Agua | ANA · SEDAPAL | https://www.ana.gob.pe/ |
| Emergencias | INDECI SINPAD · CENEPRED | https://sinpad.indeci.gob.pe/ |
| Salud | MINSA · SINADEF | https://www.gob.pe/minsa |
| Economía · comercio | BCRP · INEI · MIDAGRI · SUNAT | https://estadisticas.bcrp.gob.pe/ |
| Tránsito | MTC · SUTRAN · PNP | https://www.gob.pe/sutran |
| Energía | OSINERGMIN · COES-SINAC | https://www.osinergmin.gob.pe/ |
| Deforestación | MINAM Geobosques | https://geobosques.minam.gob.pe/ |
- Los simuladores son modelos educativos simplificados. No usar para toma de decisiones operativas. Cada uno indica su disclaimer en pantalla.
- Algunas cifras de daño y víctimas son estimaciones basadas en boletines oficiales — están etiquetadas como tales.
- El modelo sísmico usa una atenuación tipo GMPE simplificada (log-lineal). Para análisis serio, ver software como OpenQuake.
- El modelo de tsunami asume velocidad ≈ √(g·h) y atenuación exponencial. Para evacuación real, ver cartas DHN.
- El modelo de pandemia es SEIR discreto con paso diario, sin estructura por edad ni movilidad.
La arquitectura de datos es país-agnóstica desde el inicio:
RR.config = { country: 'PE', countryName: 'Perú', ... };
RR.regions = [ ... ]; // estructura uniforme por paísPara añadir Chile, Ecuador, Colombia, Bolivia: solo crear nuevos archivos config-XX.js y data-XX.js, y el resto del código (router, mapas, gráficos, simuladores) reutiliza todo.
Issues y PRs en https://github.com/unimauro/peru-prevencion-riesgos/issues
Áreas que se beneficiarían de contribuciones:
- Datasets reales (CSVs/JSONs) descargados de portales oficiales
- Validación de modelos con expertos (sismólogos, hidrólogos, epidemiólogos)
- Traducción a quechua y aymara para Sec 13 (resiliencia)
- Geojson de distritos para drill-down más fino
- Código: MIT
- Datos: CC BY 4.0 — atribuye al proyecto + a las fuentes originales
Construido con datos públicos del Estado peruano.
Hecho por Carlos Mauro Cárdenas — porque entender el riesgo es el primer paso para reducirlo. 🇵🇪