<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Intervenciones SPEIS Bizkaia (2021-2024)</title>
<style>
body{font-family: Arial, Helvetica, sans-serif; margin:0; background:#f6f7f9; color:#222}
header{background:#0b4d6c; color:white; padding:18px 24px}
.container{max-width:1100px; margin:22px auto; padding:0 12px}
h1{margin:0; font-size:20px}
.grid{display:grid; grid-template-columns:1fr; gap:18px}
.card{background:white; padding:14px; border-radius:10px; box-shadow:0 6px 20px rgba(10,20,30,0.06)}
.embed{width:100%; height:600px; border:0; border-radius:8px}
footer{font-size:13px; color:#666; padding:22px 12px; text-align:center}
@media(min-width:900px){ .grid{grid-template-columns:1fr 1fr} .embed{height:520px} }
</style>
</head>
<body>
<header>
<div class="container">
<h1>Intervenciones SPEIS Bizkaia (2021-2024) — Concurso Datos Abiertos Bizkaia 2025</h1>
<p style="margin-top:8px; opacity:0.9">Visualizaciones interactivas basadas en el dataset oficial "Intervenciones SPEIS" (Open Data Bizkaia).</p>
</div>
</header>
<main class="container">
<section class="grid">
<div class="card">
<h2>Evolución temporal por tipo (2021-2024)</h2>
<p style="margin:6px 0 12px 0; color:#555">Serie mensual con el desglose por tipo de intervención. Usa el selector para filtrar por categoría y el zoom para periodos.</p>
<!-- Pega aquí el embed de Flourish del gráfico 1 -->
<iframe class="embed" src="https://public.flourish.studio/visualisation/XXX_EMBED_ID_1/embed" allow="fullscreen"></iframe>
</div>
<div class="card">
<h2>Mapa municipal y ranking por tipo</h2>
<p style="margin:6px 0 12px 0; color:#555">Mapa con bubbles/choropleth y barra lateral con top municipios. Filtra por año para ver la evolución espacial.</p>
<!-- Pega aquí el embed de Flourish del gráfico 2 -->
<iframe class="embed" src="https://public.flourish.studio/visualisation/YYY_EMBED_ID_2/embed" allow="fullscreen"></iframe>
</div>
</section>
<section style="margin-top:18px" class="card">
<h3>Metadatos y notas</h3>
<ul>
<li>Fuente: <a href="https://www.opendatabizkaia.eus/es/catalogo/intervenciones-speis" target="_blank">Intervenciones SPEIS — Open Data Bizkaia</a>. :contentReference[oaicite:2]{index=2}</li>
<li>Periodo: 2021-2024 (datos trimestrales/por intervención).</li>
<li>Los CSV usados (preprocesados) incluyen: serie mensual por tipo y agregación por municipio.</li>
</ul>
</section>
</main>
<footer>
Proyecto para el Concurso de Datos Abiertos de Bizkaia 2025 — Diputación Foral de Bizkaia / Gobierno Vasco.
</footer>
</body>
</html>