ハッカソン向けD3リソース集。
D3の絡みでハッカソン等によばれたとき、リソースについての質問が結構あったのでまとめてみました。 ハッカソン前に目を通しておくと時間の短縮になるかも。 公式 とりあえず公式サイト D3.js – Data-Driven Documents APIリファレンス サンプル Gallery(公式) d3のメソッド名などからサンプルを検索できる。 bl.ocksplorer.org – Learn d3.js by Example ドキュメント D3 入門 | スコット・マレイ 逆引きで調べたいときはこちら D3.js例文辞典 その他、もろもろ。 データビジュアライゼーション（D3.js）を学ぶための教材まとめ SVG svg要素の基本的な使い方まとめ プラグインその他 欲しいものがみつかるかも。 D3.js プラグインまとめ 場合によっては、D3を直接弄るより圧倒的に早くチャートを表示できる。
D3.js 例文辞典
説明 D3.jsでプレーンテキストを描画するにはappend()メソッドでtext要素を追加します。text要素内に文字を表示するにはtext()メソッドを使います。パラメーターには表示する文字を指定します。なお、\nを指定しても改行はされません。 後は必要に応じて要素の属性値を設定します。文字の表示位置はx属性にX座標、y属性にY座標を指定します。文字の線の色はstroke属性に、線幅はstroke-width属性で指定できます。色を透明にしたい場合は"none"を指定します。 サンプル [サンプルを実行する] [サンプルをダウンロード] HTMLソース <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>D3.js サンプル</title> <link rel="stylesheet" href="css/main.c
D3.js チュートリアル：基本8 – transformで一挙に移動＋回転 - Data is fun.
transformのtranslateやrotateを使うと、要素の移動や回転ができます。一見地味に聞こえますが、実はD3で一番おもしろい所かもしれません。 どうしてかというと、transformで動かした要素はxやyの原点自体が移動するので、xやyが0のままでも動かせますし、もしxやyを変えると移動した先でその分だけ移動することになります。 たとえばtransformのrotateを使うと、円状に回転しながらも、xやyで位置を変えられます。 もうひとつ便利なのは、g要素をtransformで移動することで、そこに含まれているいろんな要素も一緒に移動できることです。テキストと円などを同時に動かしたい場合が多いので、そういう時に便利です。 1.transformのtranslateで縦横に移動する： 基本は簡単です。gやcircleなど移動させたい要素の属性としてtransform、属性の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG Text Element | DashingD3js.com
d3.js - 三つの小円
