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

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で動作するサンプルです。