Claude dibuja gráficos y diagramas dentro del chat: guía 2026

Estás preparando la presentación del lunes. Tienes tres columnas de números pegados de un Excel y la sensación de que nadie va a entender nada en la sala. Le pegas la tabla a Claude y, en lugar de devolverte un párrafo larguísimo de texto, dibuja un gráfico de barras interactivo, una línea de tiempo y un diagrama de flujo en el mismo chat. Le pasas el cursor por encima, los datos cambian, los colores se animan. Cierras el portátil y piensas: «espera, ¿desde cuándo Claude hace esto?». Desde marzo de 2026, oficialmente. Y desde abril, dentro de Cowork para todos los planes de pago. La novedad parece menor, pero cambia bastante el día a día de quien usa Claude para entender datos, explicar ideas o construir materiales rápidos. En este post te cuento qué es exactamente, qué puedes pedirle, qué prompts funcionan y dónde están los límites.

Qué son los visuales interactivos de Claude (y por qué importan)

La función oficial se llama "Custom visuals in chat" y la presentó Anthropic el 12 de marzo de 2026. La idea es muy sencilla: cuando un dibujo cuenta tu respuesta mejor que un párrafo, Claude lo construye sobre la marcha y lo enseña dentro de la conversación. No genera una imagen estática como hace un modelo de imagen tradicional. Lo que hace es escribir HTML y SVG en directo, y el chat lo renderiza como un widget vivo.

La diferencia es importante por tres motivos. Primero, los visuales escalan bien: los puedes mirar en el móvil y en una pantalla grande sin que se pixelen. Segundo, son interactivos: pasas el ratón por encima de una barra y te aparece el valor exacto, haces clic en un nodo del diagrama y te explica qué hace. Tercero, se cargan rapidísimo, porque al final son código, no una imagen pesada.

Y lo más útil: Claude decide solo cuándo conviene un visual. Le preguntas algo como «explícame las fases del ciclo de vida de un cliente» y, sin que se lo pidas, te puede sacar un diagrama de flujo. Pero también puedes pedírselo a la cara: «hazme una gráfica de esto», «ponme una línea de tiempo» o «dibuja un mapa mental con las ideas de este artículo».

Qué tipo de visuales puedes pedir hoy

A día de hoy, Claude maneja sin esfuerzo varias familias de visuales. Las que mejor funcionan son los gráficos de barras, líneas y áreas para números; los gráficos circulares y donut para porcentajes; las tablas comparativas; los diagramas de flujo y árboles de decisión; las líneas de tiempo; los mapas mentales y diagramas de procesos; y los pequeños widgets interactivos como calculadoras, encuestas o tarjetas que se pueden voltear.

No es magia: por debajo Claude usa librerías clásicas de visualización (tipo Recharts, D3 o tablas en HTML+CSS) y SVG plano para los esquemas. Eso significa que el resultado se exporta bien y, si te gusta, puedes pedirle el código y pegarlo tal cual en una página web. Si trabajas con Notion, Google Slides o Confluence, casi todos te dejan incrustar HTML, así que el flujo se vuelve cómodo: pides, refinas y exportas.

Cinco prompts que funcionan de verdad

A continuación te dejo cinco prompts que puedes copiar y pegar tal cual en Claude. Están escritos en español, pero funcionan igual en cualquier idioma. Sustituye los datos en mayúsculas por los tuyos.

1. Gráfico para una reunión rápida "Tengo estos datos de ventas mensuales: enero 12500, febrero 14200, marzo 11800, abril 18900, mayo 21300. Hazme un gráfico de barras interactivo con la tendencia, marca el mes pico y añádeme dos frases de análisis debajo en texto plano."

2. Diagrama de proceso para onboarding "Soy responsable de RRHH y quiero un diagrama de flujo del onboarding de un nuevo empleado durante los primeros 30 días. Etapas: día 1, semana 1, semana 2, semana 4. En cada etapa, dos hitos clave y una persona responsable. Hazlo claro, con flechas y colores distintos para cada semana."

3. Línea de tiempo para una formación "Crea una línea de tiempo interactiva con los hitos de la historia de Anthropic desde 2021 hasta hoy. Mínimo ocho hitos importantes. En cada punto, fecha y descripción de una frase. Quiero poder pasar el cursor por encima y leer el detalle."

4. Tabla comparativa real "Compárame en una tabla los planes Free, Pro Mensual, Pro Anual y Lifetime de un servicio de cursos online. Inventa precios razonables. Columnas: precio, cursos incluidos, soporte, certificado, mejor para. Marca con verde los puntos fuertes y con gris los puntos débiles."

5. Calculadora rápida "Dame una mini-calculadora interactiva para estimar mi ahorro mensual. Que pueda meter mi sueldo, mis gastos fijos y un porcentaje de ahorro objetivo. Que me dibuje una barra que cambia de color según si llego a la meta o no."

Si los pruebas verás que Claude no siempre acierta a la primera. Lo bonito es que se le puede iterar: «hazlo más sencillo», «cambia el azul por verde», «quítame las décimas», «en vertical en vez de horizontal». Cada iteración cuesta segundos y el resultado mejora rápido.

Cómo usarlo bien (y no perder media tarde peleando)

He visto a varios alumnos de los cursos de learnaifast.io engancharse a esta función y, sin querer, hacerse un lío. Estos son los tres errores que más se repiten y cómo evitarlos.

Pegar datos sucios y esperar que Claude los limpie. Si copias una tabla mal de Excel, con celdas combinadas y notas al pie, el gráfico saldrá raro. Antes de pedir el visual, dile a Claude algo como: «primero limpia estos datos en una tabla simple con dos columnas, fecha y valor, y luego me dibujas el gráfico». Verás que el resultado mejora muchísimo.

Pedir todo en un solo mensaje gigante. Si en el primer prompt encajas el contexto, los datos, el formato, el estilo y los colores, suele salir un visual aceptable pero genérico. Mejor estrategia: pide primero el visual base y luego refínalo. Tres iteraciones cortas baten a un mensaje largo casi siempre.

No revisar los números. Esto es importante: Claude puede equivocarse leyendo decimales, separadores de miles, fechas o porcentajes. Antes de meter el visual en una presentación o un informe, pasa el ratón por encima de cada barra y comprueba que el dato coincide con tu fuente. La función es potentísima pero no te exime de revisar.

Trucos pequeños que marcan la diferencia

Hay un par de detalles que la mayoría de usuarios nuevos no descubren hasta llevar semanas usándolo y que te ahorran muchísimo tiempo. El primero: si vas a hablar con datos que se repiten (ventas mensuales, métricas de redes, gastos), guárdate el formato base en un documento de texto y pásaselo a Claude cada vez. Algo tan tonto como tener un bloque con la cabecera fija y los valores debajo hace que los visuales salgan consistentes entre semanas y comparables a simple vista.

El segundo: cuando un visual no convence, pídele a Claude que te lo cuente en palabras. «Antes de dibujar, descríbeme qué historia ves en estos datos en tres frases.» Una vez que el modelo verbaliza el patrón, el siguiente visual sale mucho más limpio porque ya tiene clara la idea principal. Es la misma técnica que usan los profesionales del data storytelling: primero el titular, luego la imagen.

Y un tercero, más práctico: cuando termines un visual que te gusta, pídele que te dé también el código HTML. Lo guardas en un archivo .html, lo abres con doble clic en cualquier navegador y ahí lo tienes para siempre, sin depender del chat.

Cuándo NO usar visuales en chat

No todo necesita un dibujo. Si la respuesta es un dato puntual, una definición o un texto narrativo, un visual estorba más que ayuda. Tampoco tiene sentido para presentaciones formales que vayas a maquetar luego en Figma o Canva: ahí el visual es solo para ti, para entender, no para entregar.

Tampoco lo uses con datos sensibles sin pensarlo dos veces. Aunque la conversación sea privada, estás escribiendo cifras en un chat. Si son nóminas reales, datos médicos o información financiera de tu empresa, pasa antes los datos por un anonimizado simple (cambia nombres y escala los importes) y luego pídele el visual. Es un buen hábito y se aplica a cualquier asistente, no solo a Claude.

Qué viene después: visuales en Cowork y artefactos persistentes

La parte más interesante de la actualización de abril es que estos visuales han llegado a Cowork. Cowork es el modo de Claude pensado para trabajar con archivos de tu ordenador, y allí los visuales se convierten en algo que llaman "artefactos": páginas que se guardan, se pueden volver a abrir y se pueden refrescar con datos nuevos sin pegar todo otra vez. Imagina un dashboard de tus KPIs que abres cada lunes y se actualiza solo desde tus archivos de Excel. Eso es un artefacto.

Esta combinación, modelo + visuales + Cowork, es la que más nos interesa para el día a día de la mayoría de usuarios. Por eso en learnaifast.io estamos preparando un módulo nuevo dentro del curso de Cowork con plantillas listas para gente no técnica: dashboards personales, paneles de proyectos y cuadernos de seguimiento. Si quieres ir un paso por delante, échale un ojo al catálogo de cursos y empieza por el de "Cowork para todos".

Resumen rápido para llevarte hoy

La función "Custom visuals in chat" es una de esas mejoras que parecen pequeñas pero, en cuanto las pruebas tres veces, ya no quieres volver atrás. Te ahorra explicar con palabras lo que un dibujo cuenta solo, te da material que puedes incrustar en webs y notebooks, y, sobre todo, baja muchísimo la barrera para que cualquier persona, sea o no técnica, presente datos de forma decente.

Mi consejo para esta semana es muy concreto: coge una tabla cualquiera de tu trabajo, una sola, y pídele a Claude tres visuales distintos partiendo de los mismos datos. Compara cuál cuenta mejor la historia. En quince minutos vas a tener una idea clarísima de cuándo te conviene tirar de visuales y cuándo no. Y a partir de ahí, ya no hay vuelta atrás.

¿Quieres profundizar más? Tenemos cursos para todos los niveles en learnaifast.io/cursos, desde el "Primer contacto con Claude" hasta automatización avanzada con Skills y Cowork. Empieza por donde estés y avanza a tu ritmo.