ホーム

Create clearer
animated charts.

Practical, illustrated guides for preparing data, choosing the right chart, designing readable motion, and exporting for presentations, websites, and social video.

Follow the complete workflow or jump to the task you need. Every guide includes examples, checklists, recommended templates, and answers to common production questions.

Start with the complete workflow
GUIDE · LIVE EXAMPLE

バーチャートレース

2022
03161
03Nova42
01Orbit61
04Pixel33
02Sage54
05Vela28
LIVELYCHARTPLAY THE NUMBERS
01 · 7 min read

CSVからアニメーションチャートを作る

CSVや表計算をアニメーションチャートにし、MP4、WebM、GIF、PNGで書き出す実践手順。

Read the guide
GUIDE · LIVE EXAMPLE

バーチャートレース

2022
03161
03Nova42
01Orbit61
04Pixel33
02Sage54
05Vela28
LIVELYCHARTPLAY THE NUMBERS
02 · 6 min read

アニメーションチャート向けにCSVを整える

Clean and structure spreadsheet data for reliable animated charts. Learn the correct headers, rows, number formats, time periods, and category labels.

Read the guide
GUIDE · LIVE EXAMPLE

バーチャートレース

2022
03161
03Nova42
01Orbit61
04Pixel33
02Sage54
05Vela28
LIVELYCHARTPLAY THE NUMBERS
03 · 8 min read

適切なアニメーションチャートを選ぶ

Choose the best animated chart for ranking, trend, comparison, distribution, relationship, flow, or part-to-whole data—with practical examples.

Read the guide
GUIDE · LIVE EXAMPLE

ミニマルレース

Jan
03468
Climate42
Technology68
Economy57
Health49
Culture31
LIVELYCHARTPLAY THE NUMBERS
04 · 7 min read

ソーシャル向けにアニメーションチャートをデザインする

Design readable animated charts for Instagram, TikTok, LinkedIn, YouTube Shorts, and social feeds using the right size, pace, labels, and contrast.

Read the guide
GUIDE · LIVE EXAMPLE

エリアストーリー

18W127W239W352W467W581W6
LIVELYCHARTPLAY THE NUMBERS
05 · 6 min read

アニメーションチャートを動画・GIF・PNGで書き出す

Choose the right animated chart export format, resolution, aspect ratio, and quality for presentations, websites, social media, and video editing.

Read the guide

データを
動かす準備は?

スタジオを開く