[JS]美しい曲線を使ったチャート・グラフが描けるHTML5 Canvasを使ったスクリプト -Flotr2

Post on:2012年2月7日

sponsors

折れ線グラフ、棒グラフ、パイチャート、バブルチャートなどを美しく描画するHTML5 Canvasを使ったオープンソースのライブラリを紹介します。

[ad#ad-2]

デモでは、さまざまなチャートやグラフが掲載されています。

折れ線グラフや棒グラフなど

パイチャートやバブルチャートなど

ユーザーの操作が可能なグラフなど

グラフとデータの切替、グラデーションを使ったグラフなど

それぞれのデモは、データをオンラインで変更することもできます。

Flotr2の特徴

Flotr2はHTML5 Canvasを使ったチャートやグラフを描くライブラリで、「Prototype」依存の「flotr」とは異なり単独で動作し、そして多くの改良をしたものです。

※IEなどHTML5 Canvas非対応ブラウザでは、「flashcanvas」で描画されます。