# Data Visualization

> Visualización de datos: selección de tipo de gráfico, teoría del color y buenas prácticas de anotación, para gráficos, dashboards, reportes e infografías.

Fuente: https://skillsagentes.com/skills/skills-101/superpowers/data-visualization
Markdown: https://skillsagentes.com/skills/skills-101/superpowers/data-visualization.md

Repositorio: https://github.com/skills-101/superpowers
Autor: skills-101
Licencia: no declarada
Actualizado: el mes pasado
Coste de contexto: 122 tok instalada, 3.3k tok al activarse, 3.3k tok con todos los archivos del bundle
Bundle: 1 archivo, 13 KB
Permisos que pide: bash(belt *)

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add skills-101/superpowers --skill data-visualization --agent claude-code
# Cursor
npx -y skills add skills-101/superpowers --skill data-visualization --agent cursor
# Codex
npx -y skills add skills-101/superpowers --skill data-visualization --agent codex
# Gemini CLI
npx -y skills add skills-101/superpowers --skill data-visualization --agent gemini
# Windsurf
npx -y skills add skills-101/superpowers --skill data-visualization --agent windsurf
# Cline
npx -y skills add skills-101/superpowers --skill data-visualization --agent cline
```

## Qué hace

- Elige el tipo de gráfico correcto según la relación de los datos (tendencia, comparación, distribución, etc.)
- Aplica reglas de diseño de ejes, color y etiquetas para evitar visualizaciones engañosas
- Genera gráficos con Python/matplotlib vía el CLI belt (barras, líneas, dispersión, heatmap, KPI cards)
- Redacta títulos que comunican el insight en vez de solo describir los datos
- Aplica técnicas de anotación para resaltar puntos clave en el gráfico

## Cuándo usarla

- Necesitas crear gráficos, dashboards, reportes, presentaciones o infografías con datos
- Quieres elegir la paleta de colores o el tipo de gráfico adecuado para tus datos
- Necesitas escribir un título o anotaciones que cuenten una historia con los datos

## Qué la activa

- "Genera un gráfico de barras horizontal comparando el tráfico por canal"
- "Crea un gráfico de líneas mostrando el crecimiento de ingresos por mes"
- "Dame una tarjeta KPI con los ingresos mensuales y el % de cambio"
- "Haz un heatmap del tráfico del sitio por día y hora"

## Antes de instalar

- Requiere el CLI de inference.sh (belt) instalado y sesión iniciada con belt login.
- Necesita en el PATH: npx

## Archivos

- SKILL.md — 13 KB

## SKILL.md

No se reproduce aquí. Léelo en https://github.com/skills-101/superpowers/blob/main/guides/design/data-visualization/SKILL.md

## Dónde encaja

- Categoría: [Datos y analítica](https://skillsagentes.com/categorias/datos-analitica.md) — Consulta, limpia y visualiza datos sin salir del agente.
- Creador: [skills-101](https://skillsagentes.com/creators/skills-101.md) — 86 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

## Otras skills del mismo repositorio

- [Agent Tools](https://skillsagentes.com/skills/skills-101/superpowers/agent-tools.md): Ejecuta apps de IA vía el CLI de inference.sh: generación de imágenes y video, LLMs, búsqueda web, 3D y automatización de Twitter, con modelos como FLUX, Veo, Gemini, Claude y OpenRouter.
- [Ai Avatar Video](https://skillsagentes.com/skills/skills-101/superpowers/ai-avatar-video.md): Crea videos de avatares IA y talking heads con el CLI de inference.sh: P-Video-Avatar (TTS integrado), OmniHuman, Fabric, PixVerse, para presentadores, dobleaje, UGC y avatares de juegos.
- [Ai Image Generation](https://skillsagentes.com/skills/skills-101/superpowers/ai-image-generation.md): Genera imágenes con IA usando GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve y más de 50 modelos vía el CLI de inference.sh.
- [Ai Music Generation](https://skillsagentes.com/skills/skills-101/superpowers/ai-music-generation.md): Genera música y canciones con IA usando ElevenLabs, Diffrythm y Tencent Song Generation vía el CLI de inference.sh, para fondos musicales, redes sociales, podcasts y bandas sonoras.
- [Ai Video Generation](https://skillsagentes.com/skills/skills-101/superpowers/ai-video-generation.md): Genera videos con IA usando Google Veo, Seedance 2.0, HappyHorse, Wan, Grok y más de 40 modelos a través del CLI de inference.sh.

## Skills relacionadas

- [Affirmations](https://skillsagentes.com/skills/skills-101/superpowers/affirmations.md): Reinicia tu propia trayectoria cuando estás atascado, dando vueltas o desmoralizado: lee estas afirmaciones, reencuádrate y da un paso limpio. No es específico de un tema, sino del estado en que te encuentras.
- [Agent Browser](https://skillsagentes.com/skills/skills-101/superpowers/agent-browser.md): Automatización de navegador para agentes de IA vía inference.sh: navega páginas, interactúa con elementos usando refs @e, hace capturas y graba vídeo.
- [Agent Tools](https://skillsagentes.com/skills/skills-101/superpowers/agent-tools.md): Ejecuta apps de IA vía el CLI de inference.sh: generación de imágenes y video, LLMs, búsqueda web, 3D y automatización de Twitter, con modelos como FLUX, Veo, Gemini, Claude y OpenRouter.
- [Agent Ui](https://skillsagentes.com/skills/skills-101/superpowers/agent-ui.md): Componente de agente con todo incluido para React/Next.js de ui.inference.sh: runtime, herramientas, streaming, aprobaciones y widgets en un solo componente.
- [Ai Automation Workflows](https://skillsagentes.com/skills/skills-101/superpowers/ai-automation-workflows.md): Construye workflows de IA automatizados combinando varios modelos y servicios: batch processing, tareas programadas, pipelines por eventos y agent loops, usando la CLI de inference.sh, bash y Python SDK.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)