huruyosi’s blog

プログラミングとかインフラとかのメモです。

JavaScript

d3.jsで作成したグラフの項目名を折り返す

Diverging Stacked Bar Chart を参考にして横方向の積み上げグラフを作った時に系列のラベル名が長いと左余白を超える場合があり、見た目が格好悪いものになってしまいます。 「svg 折り返し」で検索してみると foreignObjectを使う方法が出てくるけれども、…

D3.js の勉強を始める 3回目 - 終わり

写経一通り終わり 前回、前回と行ってきた D3.jsのチュートリアル が終わりました。 huruyosi.hatenablog.com huruyosi.hatenablog.com 次の目標は ギャラリーを参考にして基本的な円グラフを作成する。 13.棒グラフの作成 の結果 https://github.com/huruyo…

D3.js の勉強を始める 2回目

今回は チャプター7~10まで 前回の続きになり、チャプター7~10まで http://ja.d3js.info/alignedleft/tutorials/d3/ 今のとこは順調にいけている。ここまではD3.jsを使うための準備だったと思う。SVGを使っているとN88-BASICやX-BASICでワクワクしながらプ…

D3.js の勉強を始める

かっこいいグラフを作りたくて D3.jsの勉強を始めました。手ごろなチュートリアルがあるので写経を行っています。 写経の結果は github (https://github.com/huruyosiathatena/d3js_study)にあります。Spring bootのWebアプリに組み込む予定なので、Spring b…