グラフを一切書かないD3.js勉強会

2014/09/06(土)17:00 〜 19:00 開催
ブックマーク

イベント内容

■概要

D3.jsはデータビジュアライゼーションを描画するのにたけたライブラリです。

……が、今回の勉強会ではグラフ書きません。

棒グラフも折れ線グラフも散布図も、円グラフも一切やりませんよ!

■開催日

9月6日 17:00〜19:00

■会場

コワーキングスペース7F

埼玉県さいたま市大宮区宮町1-5 銀座ビル7階

最寄駅: 大宮駅東口 徒歩1分

■主催

Code for SAITAMA

■講師

@_shimizu by GUNMA GIS GEEK

■参加費

一人 500円
会場をお借りしたコワーキングスペース7Fさんの利用料金になります。
ご利用料金 | コワーキングスペース7F

■用意するもの

モダンブラウザが(Chrome推奨)がインストールされたパソコン
ハンズオンではないのでなくても問題ないですが、第2部ではcodepenを使って説明を行うのでパソコンがあった方が見やすいと思います。

無線LANは7Fさんでお借りすることができますが、モバイルルーターなどお持ちの方は持ってきていただけると助かります。

■スケジュール

  • 17:00-17:10 受け付け
  • 17:10-17:15 開始のご挨拶
  • 17:15-17:55 第1部
  • 17:55-18:00 休憩
  • 18:00-18:45 第2部

参加者の方はイベント開始10分前から入室・受付が可能ですが、原則、滞在時間が2時間を超えた場合は1日コースへの変更料金(500円)が発生しますので、ご注意ください。

第1部:D3.jsを用いた地理情報のビジュアライズ

JavaScriptのデータビジュアライゼーションライブラリ「D3.js」を用いて、地理情報をウェブ上で視覚化する方法についてスライドを使って紹介します。
FOSS4G 2014 Hokkaido の講演で行った内容とほぼ同じです。
地理情報の可視化に興味がある方は是非ご参加ください。

第2部:グラフ(チャート)を一切書かないD3.js勉強会

今回のメインです。
グラフも書かずに何をやるのかというと、D3を使ってのDOM操作、データ・バインディング、アップデートをやります。主に、select/selectAll, data, enter, exit, removeあたりを実際にコードを書きながら説明します。
超絶に地味です。
時間があったら、scaleとtransitionの説明をするかも。

■対象

  • D3使ってみたけどよくわからなかったという人。
  • 地図を使った素材などを自分で作成したい人。

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

■懇談会

人数確認のため、下記イベントページで登録をお願いします。

懇談会@グラフを一切書かないD3.js勉強会

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。