play等软件的原因。comment今回は、JavaScriptを使って「グラフやチャートを描きたい!」とか、「さまざまなデータを可視化させたい!」という人にオススメのJSライブラリをご紹介しようと思います。使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。グラフの種類は少ないものの、モダンブラウザ&レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。「chart.js」ファイルは、公式サイトからダウンロードするか、以下のCDN経由から利用できます。一般的な「棒グラフ」を描くサンプルコードは以下のとおり。記述はシンプルで、グラフの種類(「bar」「line」「pie」など)を指定したら、「データ」と「オプション」をオブジェクト形式で渡してあげるだけです。豊富なグラフパターンが用意されており、細かい部分までカスタマイズ可能な高機能グラフライブラリとなっています。IE6も含めたほとんどのブラウザで利用でき、レスポンシブ対応のグラフは設定次第で「アニメーション表示」や「ズーム/パン」なども利用できます。「canvasjs.js」ファイルを公式サイトからダウンロードするか、以下のCDN経由から利用できます。「body要素」にグラフを描画する「divタグ」を配置します。一般的な「棒グラフ」を描くサンプルコードは以下のとおり。