Consultar cada valor
Usar vectores pequeños y un vocabulario limitado para poder seguir los cálculos a mano.
Recurso educativo · Enseñanza de IA / Sistemas interactivos · 2026
The Transformer, Drawn
Una explicación gráfica interactiva que muestra los cálculos del mecanismo de atención, paso a paso.
El problema
Conectar los diagramas generales de un transformer con los cálculos de atención, enmascaramiento y probabilidades del siguiente token.
El enfoque
Usar una simulación determinista pequeña y mostrar sus valores intermedios en diez figuras SVG. Permitir cambiar la frase, seleccionar tokens y cabezas de atención, y ajustar la temperatura mientras se sigue el cálculo.
Qué ofrece el proyecto
Una explicación interactiva con valores consultables, controles de teclado y exportación de SVG independientes. El modelo pequeño se ejecuta en el navegador sin claves de API ni GPU.
Decisiones de diseño
Ejemplos deterministas
Usar una semilla fija en la simulación para comparar los cambios de forma consistente.
Explicaciones reutilizables
Exportar figuras SVG para clases, presentaciones y debates.