data-visualization とは?
チャート、グラフ、ダッシュボード、データ遷移、または情報視覚化作業をアニメーション化するときに使用します。 ソース: dylantarre/animation-principles。
チャート、グラフ、ダッシュボード、データ遷移、または情報視覚化作業をアニメーション化するときに使用します。
コマンドラインで data-visualization AI スキルを開発環境にすばやくインストール
ソース: dylantarre/animation-principles。
Apply 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 |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/dylantarre/animation-principles --skill data-visualizationチャート、グラフ、ダッシュボード、データ遷移、または情報視覚化作業をアニメーション化するときに使用します。 ソース: dylantarre/animation-principles。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill data-visualization インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/dylantarre/animation-principles