# Ejemplos

> Informes, paneles, infografías e historias de datos escritos como páginas HTML simples, cada uno construido con datos públicos reales.

Una página en htmlpress es un documento HTML completo, así que puede ser cualquier cosa que un navegador sepa mostrar: un panel, un informe imprimible, una presentación de diapositivas, un explorador interactivo. Cada ejemplo de abajo es un único archivo `.html` autónomo con su propio `<style>` y `<script>`, escrito como lo escribe un agente de programación, en torno a datos públicos reales. Se integra en el layout del sitio, sigue su tema claro y oscuro, y no necesita paso de compilación, framework ni biblioteca de gráficos.

> **Tip**
>
> Cada cifra proviene de un conjunto de datos público, citado al pie de su página. Abre el código fuente con el enlace Editar en GitHub: todo lo que una página necesita está en ese único archivo.

### [Población mundial](/es/examples/world-population/)

Póster infográfico

Cifras destacadas, un área apilada por región y una línea de tiempo en barras de cada mil millones.

### [Calentamiento climático](/es/examples/climate-warming/)

Historia de datos

Franjas de calentamiento, un registro de temperatura anotado y 800.000 años de CO₂.

### [Panel de electricidad](/es/examples/energy-dashboard/)

Panel

Indicadores clave con minigráficos, un gráfico de columnas apiladas al 100 %, un gráfico de anillo y una tabla ordenable.

### [Emisiones de CO₂](/es/examples/co2-emissions/)

Comparación interactiva

Un mapa de árbol de quién emite y una clasificación que alterna entre el total y por persona.

### [Hielo marino del Ártico](/es/examples/arctic-sea-ice/)

Resumen científico

Un resumen, hallazgos numerados y tres figuras: una dispersión con tendencia, una clasificación y un gráfico de rangos.

### [Acceso a internet](/es/examples/internet-access/)

Ficha informativa

Una hoja imprimible: cifras grandes, un pictograma de antes y ahora y gráficos de gofre.

### [Informe de salud mundial](/es/examples/global-health-report/)

Informe anual

Una portada, un gráfico de pendientes, múltiplos pequeños, notas al pie y un diseño listo para imprimir.

### [Ventas de coches eléctricos](/es/examples/ev-sales-deck/)

Presentación

Cinco diapositivas 16:9 en una página: deslizamiento, botones, flechas y pantalla completa.

### [Urbanización](/es/examples/urbanization-timeline/)

Línea de tiempo

Hitos junto a una cuadrícula de 100 personas controlada por un deslizador de años.

### [Precios de paneles solares](/es/examples/solar-pv-prices/)

Explorador

Un selector logarítmico/lineal, un deslizador de rango de años y cifras clave que se recalculan.

### [Esperanza de vida](/es/examples/life-expectancy/)

Panel enlazado

Filtros por región, un deslizador de años reproducible, y un gráfico de burbujas, una tendencia y una tabla que siguen una misma selección.

### [Carbono del coche](/es/examples/car-carbon/)

Calculadora de escenarios

Entran tu red, distancia y consumo; sale el CO₂ de un eléctrico frente a uno de gasolina, en todas las redes.