2014/04/07先月MOONGIFTで見かけた下記の記事。気になったが時間がないのでEvernoteにクリップだけしておいたが時間ができたので軽く触ってみた。SVGで手軽に綺麗なグラフを描くJavaScriptライブラリこういったブラウザに表を描画するライブラリというのはとてもニーズが多いのではないかと思う。自分のサーバーにアップしてみたのでexamplesディレクトリにあった27パターンを下にまとめる。ピックアップとしては2点。■resize.htmlレスポンシブといいますかリキッドレイアウトといいましょうか、ブラウザの幅に合わせて表の幅が可変するタイプ。仮にPCのブラウザで見やすく表示されているグラフがスマートフォンの幅に凝縮されると小さすぎてかえってみづらいし、その逆の場合ではスカスカになるであろうから意外と使えないかも。■updating.htmlグラフ表示が動的に変化し続けるというもの。最新の情報で常にグラフが再描画されるようにもできるであろう。これは今度テストで実装をしてみたいと思う。以下、examples27パターンです。area.htmlarea-as-line.htmlbar.htmlbar-colors.htmlbar-no-axes.htmldays.htmldecimal-custom-hover.htmldiagonal-xlabels.htmldiagonal-xlabels-bar.htmldonut.htmldonut-colors.htmldonut-formatter.htmldst.htmlevents.htmlgoals.htmlmonths-no-smooth.htmlnegative.htmlno-grid.htmlnon-continuous.htmlnon-date.htmlquarters.htmlresize.htmlstacked_bars.htmltimestamps.htmlupdating.htmlweeks.htmlyears.html値をDBから引っ張ってきてブラウザにグラフ生成をするというのは今後もWeb開発においては必ず発生してくるニーズだと思うが、それをこういったライブラリで手間をかけずにサッと仕上げる、とても素晴らしいと思います。