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/


Recommended