What is data-visualization?
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work. Source: dylantarre/animation-principles.
·data-visualization
*
data-visualization
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
Installation
How to Install data-visualization
Quickly install data-visualization AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: dylantarre/animation-principles.
SKILL.md
View rawApply 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 |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-03-03
- Updated
- 2026-03-10
Quick answers
How do I install data-visualization?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/dylantarre/animation-principles
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-03-03