¿Qué es data-visualization?
Úselo al animar cuadros, gráficos, paneles, transiciones de datos o cualquier trabajo de visualización de información. Fuente: dylantarre/animation-principles.
·data-visualization
*
data-visualization
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFuente: dylantarre/animation-principles
Úselo al animar cuadros, gráficos, paneles, transiciones de datos o cualquier trabajo de visualización de información.
Instalación
Cómo instalar data-visualization
Instala rápidamente el skill de IA data-visualization en tu entorno de desarrollo mediante línea de comandos
- Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
- Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization
- Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
Fuente: dylantarre/animation-principles.
SKILL.md
Ver originalApply Disney's 12 animation principles to charts, graphs, dashboards, and information displays.
| Squash & Stretch | Bar overshoot, elastic settling | | Anticipation | Brief pause before data loads | | Staging | Sequential reveal, focus hierarchy | | Straight Ahead / Pose to Pose | Streaming vs snapshot data | | Follow Through / Overlapping | Staggered element entry | | Slow In / Slow Out | Smooth value interpolation |
| Arc | Pie chart sweeps, flow diagrams | | Secondary Action | Labels following data points | | Timing | Entry 300-500ms, updates 200-300ms | | Exaggeration | Emphasize significant changes | | Solid Drawing | Consistent scales, clear relationships | | Appeal | Satisfying reveals, professional polish |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-03-03
- Actualizado
- 2026-03-10
Respuestas rápidas
¿Cómo instalo data-visualization?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
¿Dónde está el repositorio de origen?
https://github.com/dylantarre/animation-principles
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-03-03