JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ - paiza times

どうも、まさとらん（@0310lan）です。 今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ＆レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式

[otherworld]

商用利用時のライセンス、CanvasかSVGか、扱えるグラフの種類を表にまとめて欲しい。

[kwhrtsk]

数年前とすっかり入れ替わった感がある。jqPlotとか一時期好きだった。最近はC3推し。

[RabbitBit]

少し前はD3.jsが話題だったけど、今はそれベースのライブラリが多数出ていて、用途やデザインによって使い分ける感じなんだな。

[m6u]

やってみたいところだったので、参考になります

[kfujieda]

C3.jsが好き。

[tyru]

C3 って D3 ベースのチャート用ライブラリがあるのか

[labduck]

C3好きでよく使ってた。知らないのもあるので試してみよう

[kiri2mau]

ぼくはchart.jsちゃん！

[hpptms]

可視化っていいよね。数値だけ出されてもピンとこないもん。

[recchachachahon]

使いやすそう。

[yamadar]

Highcharts も仲間に入れてあげてください

[hachiame]

最初の2つが使いやすそう。

[wordi]

HTML5のcanvasを利用したグラフ描画ライブラリ

[Sinraptor]

社内サイト作ってた時はjqplot使ってたな。どれだけ高機能かより必要なグラフが描けるかが重要なんだけど、調べるのが面倒。（片手間仕事でやるには...）

[watermaze]

3年くらい前のこの手の記事とは半分以上入れ替わっている。生き残っているのはChart.js,Canvas.js,C3.jsくらいかな

[kojiro-s]

Jsでグラフ。サンプル付き

[kuxttoba]

グラフ

[coco5959]

JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ - paiza開発日誌: 2016 - 06 - 07…

[zakiyamato]

考察系ブロガーさん必見。

[pero_0104]

ぼくは highchartsちゃん！

[flower_room]

知らないのばっかり。時代が変わったのか…。

[nunux]

JavaScript

[chiwikipedia]

ブックマークされれのは頷ける。

[designwao]

JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ - paiza開発日誌: 2016 - 06 - 07 JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！…

[Nean]

夏じゅうに試したい。

[miyako_suteking]

おもしろーい！

[eishis]

Chart.jsは横棒グラフがないのが残念。c3試してみたいな。

[narcissis_taa]

"JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ - paiza開発日誌" が気になった。

[headless_pasta]

C3.js大好きマン。

[kittokatto8083279]

グラフかきたいと思ってたところだった