ビジュアライゼーション、データ・ジャーナリズムに活用できそうなツールの使い方を紹介します。今回はChart.jsの第1回。 第1回目なので「Chart.js」の概略から、円グラフを描くまでを。 [完成イメージの確認はこちら] Chart.jsとは Chart.js Javascriptのライブラリ。 HTML5ドキュメント内で使うと、6つのグラフを描けます。 Chart.jsで描画できるグラフ 線グラフ 棒グラフ レーダーチャート 鶏頭図(円グラフの一種) ドーナツグラフ Chart.jsの入手 ライブラリは下記リンク先より入手します。 [ダウンロード] インクルード ライブラリの機能を利用するには、HTMLファイルにインクルード設定します。 <!doctype html> <html> <head> <title>Chart.jsで描く円グラフ</title> <!-- インクルード -
![HTML5 × Chart.jsで円グラフを描く | ビジュアルシンキング](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f9c5a11200a85631bbc18f0e8c6e2b39d4ab670/height=288;version=1;width=512/https%3A%2F%2Fwww.visualthinking.jp%2Fwp-content%2Fuploads%2F2013%2F04%2Fchart_js-630x360.png)