nonsensedevelopmentgroup.com
Infografías animadas

Tiene sentido: explicaciones fáciles de cosas difíciles

Cada infografía sigue un caso concreto de principio a fin: un pago de 2 € hasta que queda sellado en un bloque, o el botón “Continuar con Google” hasta que la app abre la sesión. Se pueden pausar, avanzar paso a paso con las flechas y elegir la velocidad de lectura.

Los datos son reales. Las huellas SHA-256 se calculan en el navegador y las direcciones de OpenID Connect son las que publica Google.

Cómo se hacen

  • Un SVG de 1080 × 1350 que dibuja JavaScript, sin bibliotecas. Cada fotograma se calcula a partir del tiempo, así que la velocidad cambia sin saltos. Del mismo fichero sale el vídeo que se publica en LinkedIn, grabado fotograma a fotograma.
  • Cada dato tiene su procedencia. El apartado “Cómo está hecha” de cada página la cuenta: la referencia de OpenID Connect de Google consultada el 4 de noviembre de 2026, un guion en Python (datos.py) que minó los bloques de ejemplo o las funciones de FocusLec que devuelven la posición de cada palabra.