TOP

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

注意事項

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