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)