TOAST UI Chartは多彩なチャートをWebページに描画できるJSライブラリです。バー、ライン、マップ、ヒートマップなど、さまざまなチャートを実装できるので、視覚的に何かをユーザーに伝えたい場合に便利ですね。
TOAST UI Chart
以下、TOAST UI Chartの実際のデモページになります。
デモではページ読み込み時には横棒(Bar)のチャートが表示されます。カテゴリ別に色分けされているので、とても見やすいですね。
チャートの下にある、Budget、Income、Expenses、Debtにはチェックボックスが設置されていて、チェックを外すとそのカテゴリがチャートから外れるようになっています。
また、デモページのチャートにはBarの他にも、Column、Line、Area、Pie、Bubble、Scatter、Map、Heatmap、Treemapといったものがあるので、気になる人はぜひチェックしてみてください。
これだけいろんな種類のチャートがあれば、目的のタイプも見つかりやすそうですね。
サポートするブラウザも、クローム、ファイヤーフォックス、サファリ、Edge、IE8+と、いろいろ対応しているところが嬉しいです。
というわけで、Webページにチャートを描画したい人は、ぜひ「TOAST UI Chart」を活用されてみてはいかがですか?
TOAST UI Chartの具体的な使い方やダウンロードは、以下のページからどうぞ。