こんにちは、工藤です。
今回はグラフを描画できるライブラリをご紹介します。

vis.js

サイト・サンプルへ

ネットワーク図を引っ張った時の動きが面白くて個人的に好きです。
あまりに複雑なものでなければアニメーションもサクサク動きます。

D3.js

サイトへ　 サンプル一覧

かなり自由度が高いライブラリらしく、とにかくサンプルの数が豊富にあります。
慣れている人は自分で細かい作りこみもできそうですね。

cola.js

サイト・サンプルへ

サンプルはネットワーク図のようなものが豊富な印象です。
ブラウザ上で数値など変更して確認できるのが便利ですね。



style="display:block"
data-ad-client="ca-pub-4667789978705365"
data-ad-slot="9480048027"
data-ad-format="auto">

CHARTIST.JS

サイトへ　 サンプル一覧

こちらのライブラリの一番の特徴はありがたいことにレスポンシブ対応しているところです。
用意してあるサンプルのデザインもかわいらしいですね。

Chart.js

サイトへ　 サンプル一覧

フラットなデザインがとてもかわいらしいライブラリです。
HTML5のcanvasを使用して描画されています。

Flotr2

サイト・サンプルへ

こちらもHTML5のcanvasを使用して描画されています。
クリックした箇所に点を打って折れ線グラフを描画できるなど、他とはまた違ったサンプルも用意されています。