情報視覚化のためのJavaScriptライブラリ

Mike Bostock氏作

DOMにもとづいてSVGでデータ描画

Scalable Vector Graphicsの略でほとんどのブラウザで使える

SVGの機能を使いやすく皮をかぶせまくった感じ?

New York Timesでよく使われている

作者はStanford出身で現在New York Times勤務らしい (2015/01/06 10:34:08)

良い所

Canvasを使っていない

コードがとても簡単

データを扱いやすい

ベクター形式であること

高速

よくわからないがとても地図関係に力を入れている

悪いところ

enter()とかいうメソッドがわかりにくい

line()というメソッドもわかりにくい

というか全体的に原理が理解し辛い

超リッチな絵は書けないきがする

jQueryとバッティングしないのかしらん?

とりあえずこれを嫁http://ja.d3js.info/alignedleft/tutorials/d3/

次にhttp://kt3k.github.io/d3intro/

Learn how to make Data Visualizations with D3.js 良いチュートリアル

d3.svg.line()のやってることとか

d3.selectAll()したとき実際何が起こっているのか

libraryについて

Core

selection,transition....

Layout

レイアウト

楽しいLayoutがいっぱい

TreeMapとかSunburstとかが用意されている

Forceが面白い！

Geo

地図系

Utils

その他便利系

できること

基本的にはsvgのもの

rect

長方形

circle

円（真円）

eclipse

楕円

line

直線

text

文字

path

複雑なもの

d3.behavior

drag

dragstart,drag,dragendがある

スマホとかでもできるんだろうか？

zoom

未確認情報

おそらくdata()メソッドでjsonは直接取れなそう

arrayしか取ってこれなさそう

一回zoomイベント発生すると発火されまくる

なんでだろう