アニメーションチャートテンプレート

アニメーションサンバースト
動きの中で。

入れ子のリングが中心から外へ広がり、階層構成と各枝の寄与を示します。

構成 · ライブプレビュー

アニメーションサンバースト

製品: 82製品コア: 50コア検索: 28検索ワークスペース: 22ワークスペース成長: 32成長自動化: 18自動化インサイト: 14インサイトサービス: 48サービスアドバイザリー: 21アドバイザリー戦略: 12戦略調査: 9調査デリバリー: 27デリバリーローンチ: 16ローンチサポート: 11サポートパートナー: 21パートナープラットフォーム: 21プラットフォームクラウド: 13クラウドデータ: 8データ151
LIVELYCHART数字を動かす
明快さのために

データを貼る。
テンポを整える。

このテンプレートはデータ駆動です。サンプルCSVを差し替え、色と時間を調整し、制作向けファイルを書き出します。

  • ライブCSVプレビュー
  • AI補助編集
  • MP4、WebM、GIF、PNG
  • HDから4K
このチャートを使う

正しいデータ形式から作る

このチャート用スキーマを出発点に、サンプル行を置き換え、列構成を保ったまま書き出し前に全アニメーションを確認します。

適した用途
入れ子のリングが中心から外へ広がり、階層構成と各枝の寄与を示します。
必須列
パス
1行が表すもの
1つの末端パスと値。Product/Core/Search のようにスラッシュで階層を区切ります。

3ステップ

  1. 1

    上記のヘッダー名と列順を保ちます。

  2. 2

    1行に1観測を追加し、名前・単位・期間を統一します。

  3. 3

    全フレームを確認してから、ラベル、密度、速度を調整します。

アニメーションサンバーストローカライズ済みCSV例
パス,値
製品/コア/検索,28
製品/コア/ワークスペース,22
製品/成長/自動化,18
製品/成長/インサイト,14
サービス/アドバイザリー/戦略,12
サービス/アドバイザリー/調査,9
サービス/デリバリー/ローンチ,16
サービス/デリバリー/サポート,11
パートナー/プラットフォーム/クラウド,13
パートナー/プラットフォーム/データ,8
1行が表すもの

アニメーションサンバーストを使う場面

構成の視点で主要な差をすばやく伝えたいときにアニメーションサンバーストが役立ちます。入れ子のリングが中心から外へ広がり、階層構成と各枝の寄与を示します。プレゼン、レポート、製品アップデート、ソーシャル動画で結論を明確に見せたい場合に適しています。

2

パス · 値

サンプル行10

入れ子のリングが中心から外へ広がり、階層構成と各枝の寄与を示します。

アニメーションサンバースト用のデータを準備下記の列構成をそのまま出発点にします。ヘッダーは1行、ラベルは統一し、指標列には数値を入れてからテンプレートを開きます。
パス,値
製品/コア/検索,28
製品/コア/ワークスペース,22
製品/成長/自動化,18
製品/成長/インサイト,14
サービス/アドバイザリー/戦略,12
サービス/アドバイザリー/調査,9
サービス/デリバリー/ローンチ,16
サービス/デリバリー/サポート,11
パートナー/プラットフォーム/クラウド,13
パートナー/プラットフォーム/データ,8

3ステップで作成

  1. 01

    サンプル列に沿ったデータを貼り付けるかアップロードします:パス · 値。

  2. 02

    アニメーションサンバーストを開き、値を差し替えてラベル、色、並び順を確認します。

  3. 03

    全アニメーションを確認し、MP4、WebM、GIF、PNGで書き出します。

他の構成テンプレートを比較

同じデータで複数の読み方を試し、最も明確な表現を選びます。

アニメーションサンバーストについて

アニメーションサンバーストにはどんなデータが必要ですか?

次の列を持つサンプル構成を使います:パス · 値。ラベルを統一し、指標には数値を使用してください。

ExcelやCSVからアニメーションサンバーストを作れますか?

はい。Excel、表の貼り付け、CSVに対応し、読み込み後もテンプレートを編集できます。

アニメーションサンバーストはどう書き出せますか?

ブラウザで確認後、横長、縦長、正方形、ソーシャル比率のMP4、WebM、GIF、PNGで書き出せます。

データを
動かす準備は?

スタジオを開く