Category Archives: データ可視化

2015-11-24

D3.jsを使ってグラフを表示する

GMOモバイルのT.Oです。 管理画面などで売上などのデータをグラフ表示したいという要望は多いのではないでしょうか? そこでこの記事では以下のような棒グラフの実装手順をお伝えします。 グラフ描画にはJavaScriptライブラリであるD3.jsを利用します。 1.グラフデータを用意する JSON形式にします。

2.グラフデータを描画するHTMLの用意 SVG要素を記述したHTMLを記述します。D3.jsで生成するグラフはSVG要素の部… Read More »