graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

37
Graph it forward by using Plotly デデデデデデデデデデデデデデデデデデデ デデデ デデ Data Visualization Japan meetup #1, 2014.9.16

Upload: yasunobu-igarashi

Post on 31-May-2015

1.106 views

Category:

Data & Analytics


3 download

DESCRIPTION

1. Graph it forward by using Plotly データとグラフの同時かつ即時共有の価値 五十嵐康伸 Data Visualization Japan meetup #1, 2014.9.16 2. 発表内容 1. 自己紹介 2. 私とPlotlyの関係 3. Plotlyの従来機能と新機能 4. データとグラフの共有比較 5. データとグラフの同時かつ即時共有の価値の「議論」 私も良くわからないので 一緒に考えながら聞いて下されば,嬉しいです! 3. 発表内容 4. 自己紹介 研究者(大学→企業) 武器:数理モデリング,画像認識,機械学習 戦場:生物学 5. 自己紹介 「ジャーナリスト」 「Webデザイナー」 「Plotlyの中の人」では無い 「Plotlyの外の人」 6. 発表内容 7. 初動 自分の専門以外に,ITサービスも勉強してみようと 2014年2月頃からコンペ,ハッカソン,アイデアソンに参加 矢崎さん@Race for Resilience 伊藤さん@朝日データジャーナリズムハッカソンと会う 8. 海外にもあるんだ 9. 俺も見つけたよ 10. 何! 11. 何! これ,俺のPaypay口座なんですが... Plotly,やべー! 新手の「振込み詐欺」か! こんな馬鹿な奴等には 協力してやるしかない! 12. 発表内容 13. Plotlyの従来機能+新機能 ブラウザ用のグラフ作成 データスリーミング 対話的数値表示 データ共有 グラフ共有 Releaseから約1年だが,海外のデータジャーナリリストの 使用実績が増えており,注目度大! 14. 使用実績 Mashable Wired Washington Post Harvard Business Review 15. ブラウザ用のグラフ作成 対話的数値表示 16. Plotlyのサーバー 17. データ共有 18. グラフ共有 19. 発表内容 20. データとグラフの同時共有の事例 D3 21. Force-Directed Graph 22. データとグラフの同時かつ即時共有 データ の共有 Sample Site, wget+ソース解読等で 取得できる可能性はあるが 非エンジニアには難 グラフ の共有 共有先役割 D3 任意任意自由=探す手間有可視化言語 Plotly 必須必須固定=探す手間無プラットホーム メディア 同時共有即時共有 23. 発表内容 24-25. 新しいユーザーエクスペリエンスの一例, 新しい社会的・ビジネス的価値の一例 1.データジャーナリストの記事に対して読者が興味を持つ 2.読者が目の前のデータ・グラフに対して 新しい解析方法 新しい注目点 異なるデータ・グラフとの融合 を考えて引用,拡散しやすくなる 3.記事の寿命が延びる 新しい発見が見つかる 次の記事につながる 26. 発表内容 皆さんは,どう考えますか? 27. ご参加,お願いします1! Plotly FB Group 28. ご参加,お願いします2! Plotly API パートナー賞,1万円分の商品券! 通常のWEB APPに限らず,Plotlyを使ったデータジャーナ リズム記事,可視化したオープンデータにコメントを加えた データブログ等,何でも大丈夫です. 審査員は私ですので,質問があれば何でも聞いて下さい. 29. ご清聴,ありがとうございました! 30. 以下,参考資料 31. サンプルリスト 32. グラフ改変 33. グラフ公開 34. 再利用して作られたグラフから 再利用元を調べる方法 35. プライバシーポリシー 36. データ共有の事例1 経済産業省のオープンデータカタログサイト 37. データ共有の事例2 データジャーナル

TRANSCRIPT

Page 1: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

Graph it forward by using Plotly データとグラフの同時かつ即時共有の価値

五十嵐 康伸Data Visualization Japan meetup #1, 2014.9.16  

Page 2: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

発表内容1. 自己紹介2. 私と Plotly の関係3. Plotly の従来機能と新機能4. データとグラフの共有比較5. データとグラフの同時かつ即時共有の価値の「議論」

私も良くわからないので一緒に考えながら聞いて下されば,嬉しいで

す!

Page 3: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

発表内容1. 自己紹介2. 私と Plotly の関係3. Plotly の従来機能と新機能4. データとグラフの共有比較5. データとグラフの同時かつ即時共有の価値の「議論」

私も良くわからないので一緒に考えながら聞いて下されば,嬉しいで

す!

Page 4: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

自己紹介

研究者(大学→企業)  https://sites.google.com/site/yasunobuigarashi/

武器:数理モデリング,画像認識,機械学習 戦場:生物学

Page 5: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

自己紹介

「ジャーナリスト」 「 Web デザイナー」 「 Plotly の中の人」では無い

「 Plotly の外の人」

Page 6: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

発表内容1. 自己紹介2. 私と Plotly の関係3. Plotly の従来機能と新機能4. データとグラフの共有比較5. データとグラフの同時かつ即時共有の価値の「議論」

私も良くわからないので一緒に考えながら聞いて下されば,嬉しいで

す!

Page 7: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

初動

自分の専門以外に, IT サービスも勉強してみようと2014 年 2 月頃からコンペ,ハッカソン,アイデアソンに参加

矢崎さん@ Race for Resilience 伊藤さん@朝日データジャーナリズムハッカソン と会う

Page 8: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

海外にもあるんだ

https://www.facebook.com/groups/d3js.jp/

Page 9: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

俺も見つけたよ

https://www.facebook.com/groups/d3js.jp/

Page 10: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

何!

https://www.facebook.com/groups/d3js.jp/

Page 11: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

何!

Plotly ,やべー!新手の「振込み詐欺」

か!こんな馬鹿な奴等には協力してやるしかな

い!

これ,俺の Paypay 口座なんですが...

https://www.facebook.com/groups/d3js.jp/

Page 12: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

発表内容1. 自己紹介2. 私と Plotly の関係3. Plotly の従来機能と新機能4. データとグラフの共有比較5. データとグラフの同時かつ即時共有の価値の「議論」

私も良くわからないので一緒に考えながら聞いて下されば,嬉しいで

す!

Page 13: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

Plotly の従来機能+新機能

ブラウザ用のグラフ作成 データスリーミング 対話的数値表示 データ共有 グラフ共有

Release から約 1 年だが,海外のデータジャーナリリストの 使用実績が増えており,注目度大!

Page 15: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

ブラウザ用のグラフ作成対話的数値表示

http://mashable.com/2013/10/29/nba-all-star-social-media-team/?utm_cid=mash-com-fb-main-link

Page 16: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

Plotly のサーバー

Page 17: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

データ共有

Page 18: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

グラフ共有

Page 19: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

発表内容1. 自己紹介2. 私と Plotly の関係3. Plotly の従来機能と新機能4. データとグラフの共有比較5. データとグラフの同時かつ即時共有の価値の「議論」

私も良くわからないので一緒に考えながら聞いて下されば,嬉しいで

す!

Page 20: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

データとグラフの同時共有の事例 D3

http://d3js.org/

Page 21: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

データとグラフの同時共有の事例 D3 : Force-Directed Graph

http://d3js.org/

Page 22: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

データとグラフの同時かつ即時共有

データの共有

グラフの共有

共有先 役割

D3 任意 任意 自由=探す手間有 可視化言語Plotly

必須 必須 固定=探す手間無 プラットホーム

メディア同時共有 即時共有

Sample Site, wget+ ソース解読等で

取得できる可能性はあるが非エンジニアには難

Page 23: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

発表内容1. 自己紹介2. 私と Plotly の関係3. Plotly の従来機能と新機能4. データとグラフの共有比較5. データとグラフの同時かつ即時共有の価値の「議論」

私も良くわからないので一緒に考えながら聞いて下されば,嬉しいで

す!

Page 24: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

新しいユーザーエクスペリエンスの一例1.データジャーナリストの記事に対して読者が興味を持

2.読者が目の前のデータ・グラフに対して 新しい解析方法 新しい注目点 異なるデータ・グラフとの融合を考えて引用,拡散しやすくなる

3.記事の寿命が延びる  新しい発見が見つかる  次の記事につながる

Page 25: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

新しい社会的・ビジネス的価値の一例1.データジャーナリストの記事に対して読者が興味を持

2.読者が目の前のデータ・グラフに対して 新しい解析方法 新しい注目点 異なるデータ・グラフとの融合を考えて引用,拡散しやすくなる

3.記事の寿命が延びる  新しい発見が見つかる  次の記事につながる

Page 26: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

発表内容1. 自己紹介2. 私と Plotly の関係3. Plotly の従来機能と新機能4. データとグラフの共有比較5. データとグラフの同時かつ即時共有の価値の「議論」

皆さんは,どう考えますか?

Page 27: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

ご参加,お願いします1! Plotly FB Group

https://www.facebook.com/groups/508752792562265/

Page 28: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

ご参加,お願いします2! Plotly API パートナー賞, 1万円分の商品券!

http://mashupaward.jp/

通常の WEB APP に限らず, Plotly を使ったデータジャーナリズム記事,可視化したオープンデータにコメントを加えたデータブログ等,何でも大丈夫です.

審査員は私ですので,質問があれば何でも聞いて下さい.

Page 29: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

Graph it forward by using Plotly データとグラフの同時かつ即時共有の価値

五十嵐 康伸Data Visualization Japan meetup #1, 2014.9.16  

ご清聴,ありがとうございました!

Page 30: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

以下,参考資料

Page 31: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

サンプルリスト

https://plot.ly/feed http://blog.plot.ly/ https://plus.google.com/+PlotLy/posts

http://www.slideshare.net/YasunobuIgarashi/plotly-julia-api-36651006

Page 32: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

グラフ改変

https://plot.ly/api/

Page 34: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

再利用して作られたグラフから再利用元を調べる方法

https://plot.ly/~MattSundquist/1339.

Page 35: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

プライバシーポリシー

https://plot.ly/terms-of-service/

https://plot.ly/privacy/

Page 36: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

データ共有の事例1 経済産業省のオープンデータカタログサイト

http://datameti.go.jp/

Page 37: Graph it forward by using plotly -データとグラフの同時かつ即時共有の価値-

データ共有の事例2 データジャーナル

http://www.natureasia.com/ja-jp/scientificdata/