← Casos de uso

Crear una infografía interactiva

Para qué sirve

Claude genera código HTML/React de infografías interactivas con tus datos.

Pasos

1. Prepara tus datos en formato claro: tabla, JSON o simplemente descríbelos en texto 2. En Claude, pide: 'Crea una infografía interactiva en HTML/React con Chart.js que visualice [estos datos]. Colores: [tu paleta]. Con tooltips en hover.' 3. Copia el código generado, pégalo en un archivo HTML y ábrelo en el navegador para previsualizarlo 4. Itera: 'Añade un filtro por año' o 'Cambia el gráfico de barras a uno de líneas'

Prompt

Crea una infografía interactiva en HTML puro (sin dependencias externas) que muestre [datos]. Incluye: gráfico principal interactivo, tooltips al pasar el ratón, filtros por [categoría], colores de mi marca [hex1, hex2], responsive para móvil.

Resultado

Infografía interactiva lista para publicar en web o presentar en reuniones.

Herramienta

Claude (genera código)