「D3.jsで学ぶデータビジュアライゼーション」勉強会に行ってきた

こちらに行った。 data-visualization-japan.connpass.com

会場はTwitter Japan

京橋にあるTwitter Japanが会場だった。オフィスを見てみたいという理由もあり参加w

イベント会場スペースがあり、結構大きい。スーツの方もちらほら。 プリクラ機やゲーム機があったw

細かすぎて伝わらないD3 v4の話

• モジュール化
  • 依存関係がある
• 名前空間
  • scale.linearがscaleLinear
• d3-selection
  • 多すぎる
    • exit
• d3-queue
• d3-array
  • d3-nest
    • 同じ値のグループを作る
  • mapのgetで呼び出せる
• d3-stratify
  • 階層データを作るのが大変
  • 作れるようになった
    • child,parent
• transition
  • event start,end
  • chain
• d3-geo
  • fix extent
  • いい具合に表示してもらえる
  • fitextent
• canvasレンダリング
• d3-force
  • find
    • 一番近いnodeをfind
• 印刷
  • attrに設定されていればSVGで印刷できる
  • CSSで指定されるとキツい
• d3.active

PythonとD3.jsで作るデータベースの活用を広げる可視化アプリケーション開発

• 生命科学
  • たくさんのデータベースがある
  • AOE: 登録データ件数ランキング
• 公共データベース
• 新しい切り口を発見
  • 探索的な可視化
• d3-brush
  • brush zoom
• sparql

質問など

• canvas
  • 座標
• svg
  • インタラクション
• データ
  • 9万8000件、canvas
• force
  • nodeとnodeを結ぶところをcanvasで書くと早い