ATND アテンド β PRODUCED BY RECRUIT

ログイン or 無料登録

D3勉強会#0

D3.jsで棒グラフをつくろう!

Default latent
日時 :
2013/09/03 (火) 19:00 ~ 21:00
定員 :
10人
会場 :
コワーキングスペース「SOMETHIN' ELSE」(群馬県高崎市あら町67-1 あら町センタービル8F)
URL :
http://somethingelse.jp/
主催者 :

概要

Javascriptのデータビジュアライゼーションライブラリ「D3」についての勉強会です。
初回の内容は、主催者が実際にD3を用いて、棒グラフを表示するプログラムをコーディングしながら1行づつD3の動作について解説します。
たぶん、参考書を読むよりちょっとだけ解りやすいはず(?)です。
時間があまるようなら、D3に関する質問に答えたり、作成した棒グラグのコードをforkしてもらってハンズオン的な事をしてみたいと考えてます。

なお、CodePenを使ってD3の解説をおこないます。

勉強会のコンセプトについてさらに詳しい内容に着いては以下を参照してください。
http://shimz.me/blog/d3-js/2990


対象

  • データビジュアライゼーションに興味がある人。
  • D3使ってみたけどよくわからなかったという人。


タイムテーブル(予定)

時間 内容
19:00-19:10 データビュアライゼーションについての説明
19:10-20:30 実際にコードを書きながらD3についての解説
20:30-21:00 質疑応答 or Hands-on

詳細

下記の内容を中心に解説します。

  • インラインSVGについて
  • d3によるDOMの操作
  • d3.data、d3.enterの解説
  • d3.scaleによる値の正規化
  • 目盛の表示
  • 棒グラフの作成

「Javascriptを全く触った事が無い」という方には難しいかもしれません。
D3とjQueryのセレクタは似ているので、jQueryをよく使うという方には理解しやすい内容と思います。


必要なもの

  • ノートパソコン
  • モダンブラウザ(できればChrome)
    • IEの場合はver.9以上
  • グダグダな感じでも笑って許せる広い心

あると良いもの

  • Githubのアカウント
    無くても問題ないですが、あるとコードをforkしてお持ち帰りできたりします。


会場について

  • 18:00から入れます。
  • ビルの管理上、20:00以降の入場ができません。
  • 飲食物は持ち込み自由です。
  • イベント開始時間前のコワーキングスペース利用も可能です。
  • このコメントは全員が閲覧、すべてのログインユーザが投稿することができます

コメントを投稿するには、ログインしてください。

掲載されるイベント情報は、利用者の皆様によりご提供いただくものであり、株式会社リクルートホールディングスは本情報の正確性や内容について、一切保証するものではございません。詳しくは利用規約をご参照ください。