ITエンジニア/デザイナ向けにオープンソースを毎日紹介

世の中にはたくさんのチャートが存在します。ただ数字を並べるだけでは分かりづらく、可視化することでトレンドが見えたり、全体の雰囲気を学べるようになります。さらに一回表示するだけでなく、変化をアニメーション化することで、よりダイナミックな変化を掴めるチャートになります。

今回紹介するbarchartraceは横棒グラフでアニメーションするライブラリになります。

barchartraceの使い方

プログラミング言語ごとのStack Overflowの質問数グラフ。どのプログラミング言語に勢いがあるか分かりますね。

コロナウイルス(COVID-19)の国別感染者数。アメリカが一気に増えているのが分かります。

barchartraceのようにアニメーションさせることで、どのデータが一気に伸びているか(または減っているか)といった変化が掴めるようになります。年別にデータを並べるだけでは、順位の変化は分かっても勢いは掴めないでしょう。表示するデータとしては時系列のように刻々と変化するものがよさそうです。

barchartraceはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

FabDev | Bar chart race generator

FabDevGit/barchartrace: Bar chart race online editor

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2