●構成 チャート
アニメーションサンバースト
動きの中で。
入れ子のリングが中心から外へ広がり、階層構成と各枝の寄与を示します。
アニメーションサンバースト
明快さのためにデータを貼る。
データを貼る。
テンポを整える。
このテンプレートはデータ駆動です。サンプルCSVを差し替え、色と時間を調整し、制作向けファイルを書き出します。
- ライブCSVプレビュー
- AI補助編集
- MP4、WebM、GIF、PNG
- HDから4K
CSV データガイド
正しいデータ形式から作る
このチャート用スキーマを出発点に、サンプル行を置き換え、列構成を保ったまま書き出し前に全アニメーションを確認します。
- 適した用途
- 入れ子のリングが中心から外へ広がり、階層構成と各枝の寄与を示します。
- 必須列
パス値- 1行が表すもの
- 1つの末端パスと値。Product/Core/Search のようにスラッシュで階層を区切ります。
3ステップ
- 1
上記のヘッダー名と列順を保ちます。
- 2
1行に1観測を追加し、名前・単位・期間を統一します。
- 3
全フレームを確認してから、ラベル、密度、速度を調整します。
アニメーションサンバーストローカライズ済みCSV例
パス,値
製品/コア/検索,28
製品/コア/ワークスペース,22
製品/成長/自動化,18
製品/成長/インサイト,14
サービス/アドバイザリー/戦略,12
サービス/アドバイザリー/調査,9
サービス/デリバリー/ローンチ,16
サービス/デリバリー/サポート,11
パートナー/プラットフォーム/クラウド,13
パートナー/プラットフォーム/データ,8 1行が表すもの01 適した用途
アニメーションサンバーストを使う場面
構成の視点で主要な差をすばやく伝えたいときにアニメーションサンバーストが役立ちます。入れ子のリングが中心から外へ広がり、階層構成と各枝の寄与を示します。プレゼン、レポート、製品アップデート、ソーシャル動画で結論を明確に見せたい場合に適しています。
列2
パス · 値
サンプル行10
入れ子のリングが中心から外へ広がり、階層構成と各枝の寄与を示します。
アニメーションサンバースト用のデータを準備下記の列構成をそのまま出発点にします。ヘッダーは1行、ラベルは統一し、指標列には数値を入れてからテンプレートを開きます。
パス,値
製品/コア/検索,28
製品/コア/ワークスペース,22
製品/成長/自動化,18
製品/成長/インサイト,14
サービス/アドバイザリー/戦略,12
サービス/アドバイザリー/調査,9
サービス/デリバリー/ローンチ,16
サービス/デリバリー/サポート,11
パートナー/プラットフォーム/クラウド,13
パートナー/プラットフォーム/データ,802 手順
3ステップで作成
- 01
サンプル列に沿ったデータを貼り付けるかアップロードします:パス · 値。
- 02
アニメーションサンバーストを開き、値を差し替えてラベル、色、並び順を確認します。
- 03
全アニメーションを確認し、MP4、WebM、GIF、PNGで書き出します。
03 関連チャート
他の構成テンプレートを比較
同じデータで複数の読み方を試し、最も明確な表現を選びます。
04 よくある質問
アニメーションサンバーストについて
アニメーションサンバーストにはどんなデータが必要ですか?
次の列を持つサンプル構成を使います:パス · 値。ラベルを統一し、指標には数値を使用してください。
ExcelやCSVからアニメーションサンバーストを作れますか?
はい。Excel、表の貼り付け、CSVに対応し、読み込み後もテンプレートを編集できます。
アニメーションサンバーストはどう書き出せますか?
ブラウザで確認後、横長、縦長、正方形、ソーシャル比率のMP4、WebM、GIF、PNGで書き出せます。