棒グラフや円グラフが動くアニメーションを実装したい

Question

実現したいこと

WordPressのオリジナルテーマで開発をしていて、下記のサイトのように、

https://www.courier.jpn.com/recruit/data/

棒グラフや円グラフが動くアニメーションを実装したいのですが、そのようなjsのライブラリなどはございますでしょうか？

また、できれば棒グラフや円グラフがimg要素の中のものと仮定して、それを上記のサイトのように動かすアニメーションをつけるライブラリがあれば尚良いと考えているのですが、そのようなjsのライブラリはございますでしょうか？

ご存知の方いらっしゃいましたらご回答いただけますと幸いです。よろしくお願いいたします。

Answer 1

とりあえずグラフだけならド定番のchartjsでそれなりにできます。

Comments

[monsterkurochan]

ご回答ありがとうございます！Chart.jsは、あらかじめデザインカンプなどで決められたデザインの棒グラフや円グラフに対して動きをつけていくことは可能なのでしょうか？それとも、Chart.jsで作ったグラフはChart.jsに沿った形やデザインのグラフになってしまうでしょうか？

[KazuhiroHatano]

chartjsは要素の表示非表示、色や線の太さなどのカスタマイズはできても、デザインカンプに合わせてカスタマイズまではできないです。
デザインデータありきならグラフ描画のライブラリで対応するのは難しい気がします、デザインデータありきならSVGをアニメーションするライブラリや方法を調べて基本自作対応する他ないと思います。

簡単に済ませたいならとりあえずwowjsとかでできる範囲にアニメーションを抑える感じですかね。
https://wowjs.uk

（久々にwowjsのサイト見たらめっちゃdogeになっとるやん・・・

Answer 2

当該サイトは「インフォグラフィックス (Infographics)」と呼ばれるコンテンツです。

Infographics library などと検索すれば目的のものが見つかるのではないでしょうか。