#2015-scu-presemi

2015年度後期 札幌市立大学デザイン学部 デザイン総合実習III（メディアデザイン） プレゼミ（杉本）の資料です。

###内容

D3.jsを利用したデータビジュアライゼーションに挑戦します。

D3.jsは、Mike Bostockらが制作したJavaScriptライブラリです。 Mike Bostockは、元New York Timesのグラフィックエディタです。

###前提知識

下記の基礎知識が必要ですが、やりながら覚えていきましょう。

• HTML
• CSS
• SVG
• JavaScript

###使用するソフトウェア

手軽にローカルでWebサーバを起動できるので、Chrome Dev Editorを使います。

テキストにあるように、ターミナルで以下のコマンドを入力して、ローカルWebサーバを起動してもOKです。

python -m SimpleHTTPServer 8888

###公開の手順

制作したプロジェクトは、bl.ocks.orgに公開します。

• github（ギットハブ）でアカウントを作る

やり方・その１

• blocksbuilderでログイン　New → 編集 → Save
• bl.ockリンクで確認

やり方・その２

• gist editorを使う

やり方・その３

• ターミナルを使う

• homebrew, Nodeのインストールが必要

• blocksリンク

• sugi2000

• harasaki

• ofutondaisuki

###参考資料

D3入門（スコット・マレイ）

本のサンプルコードはこちらからダウンロードできます。

インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化

posted with amazlet at 15.10.16

Scott Murray
オライリージャパン
売り上げランキング: 244,311

Amazon.co.jpで詳細を見る