HTML5でグラフを描く方法は幾つかあります。一つはCanvasを使った方法です。これは高度なグラフィックスが描ける一方、JavaScriptなどからインタラクティブに扱うのは複雑になっています。 そこで今回はSVGを使ったグラフライブラリを紹介します。SVGはXMLベースで軽量、かつJavaScriptとの親和性も高いものが多くなっています。 morris.js morris.jsは主に折れ線、棒、曲線、ドーナッツグラフをサポートしています。データをJSONで渡すだけで使えるので学習コストが低いのがメリットです。ライセンスは簡易BSD Licenseとなっています。 Chartist – Simple responsive charts Chartistはレスポンシブであることをメリットとしています。曲線、棒、円、ドーナッツグラフをサポートしています。ブラウザはIE9以降を対象としていま
![SVGで綺麗なグラフを描くライブラリ×10選](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8f0f8c2b6bf4243e5abe6b89e2cb746dce31e02/height=288;version=1;width=512/https%3A%2F%2Fblog.htmlhifive.com%2Fwp-content%2Fuploads%2F2016%2F04%2Fsvg-graph-10.png)