Qu'est-ce que data-visualization ?
À utiliser lors de l'animation de tableaux, de graphiques, de tableaux de bord, de transitions de données ou de tout travail de visualisation d'informations. Source : dylantarre/animation-principles.
·data-visualization
*
data-visualization
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
À utiliser lors de l'animation de tableaux, de graphiques, de tableaux de bord, de transitions de données ou de tout travail de visualisation d'informations.
Installation
Comment installer data-visualization
Installez rapidement le skill IA data-visualization dans votre environnement de développement via la ligne de commande
- Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
- Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization
- Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
Source : dylantarre/animation-principles.
SKILL.md
Voir l'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 |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-03-03
- Mis à jour
- 2026-03-10
Réponses rapides
Comment installer data-visualization ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
Où se trouve le dépôt source ?
https://github.com/dylantarre/animation-principles
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-03-03