D3.js(v4)のグラフサンプル集
2018年の1月にD3.js v5がリリースされました。 v4→v5はそれほど大きな変更はなかったようですが、v3→v4は名前空間が大きく変更されたため、多くのv3のコードはそのままではv4では動きません。 ネットでサンプルを検索すると未だv3のコードが多くヒットし、探しにくいため、基本的なグラフを中心にv4のサンプルを探して、まとめました。 追記(2018年4月15日) 一部v3のサンプルが混じっていたため削除 本家のGallery · d3/d3 Wikiに行けば、多くのサンプルがありますが、自分でコードを書く場合は少しでも多くのサンプルを参考にできた方がいいかなと。 Gistにサムネイルがアップされてないものは、bl.ocks.orgへのリンクだけになっています。見辛いですが、力尽きました。 棒グラフ(Bar chart) 積み上げ棒グラフ(Stacked bar chart) 折れ
I am mitsuruog | D3.jsでタイムチャートを作ってみたので、苦労した点など振り返ってみる
D3.js を使ってタイムチャートを作成してみました。 初めて実践投入したこともあり、いろいろ苦労した点などあるので、振り返ってまとめてみます。 D3.js まだまだ奥が深いので、私が紹介する以外にもっといい方法があると思います。あくまで自分用のメモだと思ってください。 利用している D3.js は v3 系です。 サンプル Codepen にサンプル作りました。 TimeChart 苦労したこと 一定期間の時間軸を作成したい 時間軸のラベルを一定間隔にしたい 時間軸のラベルフォーマットしたい 軸のメモリ線(？)を消したい 画面サイズに応じて軸ラベルを回転させたい カテゴライズされた軸を作りたい カテゴライズされた軸のラベルを別なものにしたい ラベルの文字が長い場合に改行したい 軸の domain 範囲を超えたデータがある場合に表示させない window がリサイズしたら Chart を再
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
D3.js 5 | D3 APIリファレンス | CODE Q&A 問題解決 [日本語]
Checkbox in foreignObject - bl.ocks.org