すべてのガイド●ガイド 03
適切なアニメーションチャートを選ぶ
手順どおり。
このガイドは機能紹介ではなく、適切なアニメーションチャートを選ぶを実務フローに落とします。CSVを整え、適切なチャートテンプレートを選び、動きの読みやすさを調整して公開先へ書き出します。
2022
03161
03項目 A42
01項目 B61
04項目 C33
02項目 D54
05項目 E28
概要 学べること
きれいなデータから公開できるチャートへ。
- 検索意図を1つのチャート判断に変える
- CSVのラベル、単位、期間を整える
- バーチャートレースが関係性に合う場合だけ使う
- 動画と最終フレームPNGを両方用意する
例を試す 01 チュートリアル
フローに従う
新しいチャートは順に進めるか、既存アニメーションの点検リストとして使います。
- 01
検索意図を確認する
読者が知りたいのは手順、テンプレート、書き出し設定、実務事例のどれかを先に決めます。
- 02
差し替え可能なCSVを作る
ヘッダーは1行、ラベルは短く、単位は統一し、合計行や注釈を外して再利用しやすくします。
- 03
問いからチャートを選ぶ
ランキング、トレンド、比較、構成比、フロー、関係性のどれを示すかを決めます。バーチャートレースはその関係が明確な時に使います。
- 04
見える結論を書く
結論、単位、期間をチャート近くに置き、最終フレームだけでも意味が伝わるようにします。
- 05
読める速度に調整する
リーダー、交差点、外れ値、最終値では速度を落とし、動きが理解を助けるようにします。
- 06
配信先に合わせて書き出す
動画にはMP4またはWebM、PDFやメール、検索プレビュー、低モーション環境にはPNGを用意します。
02 視覚例
これらのテンプレートを試す
形式を決める前に動きと読み方を比べる。各例は編集可能なデータ駆動チャートです。
ランキング · ライブプレビューバーチャートレース
2022
03161
03項目 A42
01項目 B61
04項目 C33
02項目 D54
05項目 E28
100合計
項目 A42%
成長28%
項目 C18%
項目 D12%
トレンド · ライブプレビューモーションバブルタイムライン
トレンドモーションバブルタイムライン
バブルが期間ごとに移動・拡大縮小・再配置され、多変量の変化を示します。
このテンプレートを使う 構成 · ライブプレビューアニメーションサンバースト
構成アニメーションサンバースト
入れ子のリングが中心から外へ広がり、階層構成と各枝の寄与を示します。
このテンプレートを使う 比較力学ネットワーク
重み付きの関係線が描かれ、接続ノードが力学レイアウトに落ち着きます。
このテンプレートを使う トレンド · ライブプレビューアニメーションガントタイムライン
トレンドアニメーションガントタイムライン
タスクバーが共通の時間軸に順番に現れ、進捗の塗りも動きます。
このテンプレートを使う 適切なアニメーションチャートを選ぶは誰向けですか？
CSVやスプレッドシートを、レポート、商品ページ、SNS、プレゼンで使えるアニメーションチャートにしたいチーム向けです。
最初に使うチャートは？
データ関係に合うならバーチャートレースから始めます。問いが違う場合は、装飾より先にテンプレートを変えます。
どの形式で書き出すべきですか？
汎用再生はMP4、WebにはWebM、短い無音ループだけGIF、静止画の代替にはPNGが向いています。