Doorkeeper

PI Study #4 「GoogleCharts、D3.jsによるデータビジュアライゼーション入門(ハンズオン)」

2014-09-28(日)13:00 - 17:30 JST

テラインターナショナル株式会社

東京都豊島区東池袋3丁目4番3号池袋イースト10F

詳細

PI Studyについて

PI Studyはみんなで学び、開発者をつなげることが目的です。
講師から何かを教わるのではなく、一緒に学び合いましょう。

概要

データビジュアライゼーションをしてみたい。
でも、色々な手法やツールがありすぎて迷ってしまう。
それになんだか難しそう。そう考えてしまう方も多いと思います。

そこで今回は、データビジュアライゼーションツールの代表格である、
GoogleChartsと D3.jsを使って基本的なグラフの作成を紹介します。

基本的な構造を理解することで、ツールをより簡単に使えるようになりましょう。

目次

■GoogleChartsを使ってみよう 90分
概要
使い方
構成を理解しよう
触って慣れよう
グラフ種別とデータ形式
WebAPIのデータを使う
応用編

■D3.jsを使ってみよう 90分
概要
使い方
構成を理解しよう
グラフを書こう

■GoogleChartsとD3.jsの比較 30分

前提知識

HTML、JavaScriptの基本は知っている。(if、forなど)

準備が必要なもの

パソコン

パソコンを各自持参してください。
勉強会はオンラインで行うので、ネット環境は用意しますが各自でご用意いただいても構いません。
※当日はFirefoxまたはChromeを使用します。

資料のダウンロード

事前に以下のサイトからダウンロードをお願いします(右側にあるDownload ZIPをクリック)。
https://github.com/katsuakikon/datavisualize

※FirefoxまたはChromeで動作するサンプルです。

コミュニティについて

PIStudy

PIStudy

「ポッセをつくろう。開発者としてつながろう。」 をテーマに楽しく学ぶ勉強会です。 http://prezi.com/lxfns481sybw/pi-study/

メンバーになる