以前からhtmlとJavaScriptでグラフを描画できまいかと考えていました。
jQueryを使うようになってからプラグインを探してみましたが、ノーマルなJavaScriptでも描けそうなライブラリがありました。
Google Charts — Google Developers
Googleより提供されている開発ツールの1つです。
この「Google Charts」を使って簡単なグラフを描いてみました。
円グラフ
線グラフ
データは以前に調査したものを使用しています。[携帯電話契約数の今後]
棒グラフ
他にも様々なパターンのグラフが作成できます。
グラフの種類とそのサンプルコードは以下のページに掲載されています。
Chart Gallery - Google Charts — Google Developers
ブログ内にも描けるようなので、何らかのデータを載せる際にはわかりやすいグラフもセットにできそうです。
