D3.jsを使った 情報可視化

社内勉強会@スタジオアルカナ スタジオアルカナ

遠藤勝也 2016/06/23

1

D3.jsとは？

2

https://d3js.org3

D3.js

• 可視化ライブラリ

• インタラクティブな可視化が可能

• カッコイイ可視化が可能

4

D3.js

• 可視化ライブラリ

• インタラクティブな可視化が可能

• カッコイイ可視化が可能

5

重要

事例

6

http://mbostock.github.io/d3/talk/20111116/pack-hierarchy.html

7

http://bl.ocks.org/mbostock/3231298

8

何の情報を可視化するか？

• TwitterなどのWebAPIにより集めた情報

• Webスクレイピングで集めた情報

• 地域や団体が公開している情報

• 生体情報

9

何の情報を可視化するか？

• TwitterなどのWebAPIにより集めた情報

• Webスクレイピングで集めた情報

• 地域や団体が公開している情報

• 生体情報�←できればこれがやりたい

10

ありがとうございました

11