データアニメーション
棒が伸び、数字がカウントアップ。数値を入れるだけ
テンプレートから始める
AI に作ってもらう ほしい効果を伝えると、AI が書いてタイムラインに入れます コードを貼り付け / .html を読み込み Canvas・SVG・GSAP・Three.js で作った Web アニメーションならどれでも入れられます
- データの成長 棒グラフが伸び、数字がカウントアップ
- 円形プログレス リングが目標の割合まで埋まり、数字が増える
- 分割解説 左に大きな文字(2 行目は強調色)、右にメディア、下にタイムラインの区切り
- タイトル ポップ 大見出しが下線とサブタイトル付きで登場
- 単語ごとに登場 リズムに合わせて単語が順に現れる
- ロワーサード 名前と肩書きのテロップ
- 光のスイープ 光の帯が画面を横切る
クリックするとモーションが追加された状態でエディターが開きます。素材スロットのあるテンプレートは、動画や画像をカードにドラッグするか「自分の素材を使う」でファイルを選ぶと、開いたときにはもう収まっています。ファイルは端末の中だけにあり、アップロードされません。
数値と単位を入れるだけで、棒が伸びて数字がカウントアップするデータ成長アニメーションに。動画に重ねて MP4 で書き出せます。ブラウザで完結、無料・透かしなし。
「データの成長」テンプレートをクリックし、右側で数値・単位・ひとことの説明を入力すると、棒が 1 本ずつ伸び、数字が 0 から入力した値までカウントアップします。色も変えられます。
タイムライン上のモーションクリップで背景は透明なので、製品映像や解説動画の上に重ねられます。位置・サイズ・表示タイミングを調整して、ほかのクリップと一緒に MP4 や GIF で書き出せます。
折れ線グラフや円グラフ、複数系列のデータが必要なら、AI にデータを渡してグラフアニメーションを書いてもらうか、Canvas・SVG・GSAP で自作したグラフのコードを貼り付けてください。
よくある質問
- どんなグラフに対応していますか?
- 組み込みのテンプレートは、棒グラフと数字のカウントアップ、そして目標の割合まで埋まる円形プログレスです。ほかのグラフ(折れ線グラフ、円グラフ、ランキングなど)は AI に書いてもらうか、自分のコードを貼り付けてください。
- Excel を直接読み込めますか?
- 今のところ表のファイルは直接読み込めません。数値を設定パネルに入力するか、データを AI に貼り付けてグラフのコードに書き込んでもらってください。
- アニメーションのテンポは変えられますか?
- テンプレートのアニメーションは約 4 秒で、クリップを長くすると最後のフレームで止まります。棒の伸びを速くしたり遅くしたりするには、コードを編集するか、AI に調整を頼んでください。
- 背景は透明ですか?
- はい。グラフは下のトラックの映像に重なります。背景色がほしいときは、下のトラックに画像か動画を置いてください。
- 料金はかかりますか?透かしは入りますか?
- 無料です。書き出した動画に透かしは入らず、回数の制限もありません。