Partículas generativas Plantilla web animada en HTML

La página de ejemplo

Prikværk. Estudio de visualización de datos, Refshaleøen, Copenhague.

La idea

Cada partícula es un dato de la ciudad: 100 000 puntos que se ordenan como bicis por hora, calor por estación o viento por dirección, y se apartan o se juntan bajo tu cursor mientras te dicen cuánto pesan.

Qué probar

Cambia entre Bicis, Calor y Viento (o las teclas 1, 2 y 3), pasa el cursor por la gráfica para leer cada dato y mantén pulsado para juntar puntos y ver cuánto has reunido.

Para quién

Estudios de datos, ciencia, energía, movilidad, medios y producto

Paleta

• #F4F1EA
• #1A1A2E
• #FF6B4A
• #1F9E89
• #E3B23C
• #55556C

Tipografías

Fraunces + Inter

Cuidados del estilo

• Datos inventados y etiquetados como ilustrativos, con unidad por punto y resumen en texto.
• Sin clientes, instituciones ni direcciones reales: solo el barrio y encargos genéricos.
• Mismo dato sin WebGL (SVG punteado), con movimiento reducido (imagen quieta) y sin JavaScript.

El HTML

Qué descargas

• Un solo archivo index.html, sin instalar nada: lo abres, cambias tu marca y tus textos, y lo subes a tu hosting.
• En español e inglés, probado en computadora y en celular.
• Instrucciones para cambiar textos, colores, idioma y precios, y su licencia de uso.