Saltar al contenido HtmlpressGenerador de sitios estáticos HtmlpressGenerador de sitios estáticos

Cambiar tema

Atajos de teclado

Ejemplos

Actualizado el

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.

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

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

Historia de datos

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

Panel de electricidad

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₂

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

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

Ficha informativa

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

Informe de salud mundial

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

Presentación

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

Urbanización

Línea de tiempo

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

Precios de paneles solares

Explorador

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

Esperanza de vida

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

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.

Hecho con ❤ y Htmlpress

Acciones

Editar en GitHubVer como Markdown