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

コード図
動きの中で。

円形ノードと動くコードがネットワークの強い結びつきを露出します。

比較 · ライブプレビュー

コード図

北部 ↔ 東部: 34北部 ↔ 南部: 22北部 ↔ 西部: 16東部 ↔ 南部: 19東部 ↔ 西部: 28南部 ↔ 西部: 31北部東部南部西部
LIVELYCHART数字を動かす
明快さのために

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

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

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

コード図を使う場面

比較の視点で主要な差をすばやく伝えたいときにコード図が役立ちます。円形ノードと動くコードがネットワークの強い結びつきを露出します。プレゼン、レポート、製品アップデート、ソーシャル動画で結論を明確に見せたい場合に適しています。

列3

流入元 · 到達先 · 値

サンプル行6

円形ノードと動くコードがネットワークの強い結びつきを露出します。

コード図用のデータを準備下記の列構成をそのまま出発点にします。ヘッダーは1行、ラベルは統一し、指標列には数値を入れてからテンプレートを開きます。
流入元,到達先,値
北部,東部,34
北部,南部,22
東部,西部,28
南部,西部,31
北部,西部,16
東部,南部,19

3ステップで作成

  1. 01

    サンプル列に沿ったデータを貼り付けるかアップロードします:流入元 · 到達先 · 値。

  2. 02

    コード図を開き、値を差し替えてラベル、色、並び順を確認します。

  3. 03

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

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

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

コード図について

コード図にはどんなデータが必要ですか?

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

ExcelやCSVからコード図を作れますか?

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

コード図はどう書き出せますか?

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

データを
動かす準備は?

スタジオを開く