Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Excelの拡張アプリ「E2D3」で、スタイリッシュなグラフ書いてみて共有してみた

4,058 views

Published on

「猫も杓子もビッグデータ」と叫ばれる昨今、
データ集計は得意でも、グラフを描くことにコンプレックスを抱いている
エンジニアさんは、この狭い日本にも数多くいらっしゃることでしょう。

昨日まで、筆者もその一人だったのですが、
Excel内で、javascriptベースのスタイリッシュなグラフが描画できる
「E2D3」というソリューションを発見!
お陰様で、分かりやすくオサレなグラフを短時間で書いています。


その体験記を、「ニコニコ学会β データ研究会」さんで
ライトニングトークさせて頂きました。(2015/4/12)

→Excelの拡張アプリ「E2D3」で、スタイリッシュなグラフ書いてみて共有してみた

これで絵心がなくても、javascriptがあれば、グラフでホームランが打てる時代が来ました。
素晴らしい時代の幕開けです。


■「E2D3」スタイリッシュな描画ソリューション
http://e2d3.org

■第6回ニコニコ学会β データ研究会
http://niconicodatasig6.peatix.com/

Published in: Software

Excelの拡張アプリ「E2D3」で、スタイリッシュなグラフ書いてみて共有してみた

  1. 1. Excelの拡張アプリ「E2D3」で、 スタイリッシュなグラフ書いてみて 販売してみた 2015/04/12 (日) @第6回ニコニコ学会β データ研究会 共有
  2. 2. 自己紹介 ・tiki ・仕事:Webサイトの企画 ディレクター ・苦手なこと、トラウマ →グラフ作成 →絵心全般 →他 ※プログラムが少し書けます
  3. 3. 今日のお話 グラフを描くセンスがない私が、 E2D3を使って、 ビジュアライゼーション全盛の時代 に備える話
  4. 4. 私のビジュアライゼーションレベル ・凝っても仕方ないので、もはや考えないようにしている ・実はOffice2007から、機能についていけてない ・いつも上手い人のコピペで誤魔化しているのは内緒だ
  5. 5. 理想 ※マッキンゼーの資料
  6. 6. ・生まれ持ったセンスの壁 ・そもそもExcel、パワポじゃ無理なんじゃねの壁 ・そんな時間がないの壁 せめて、Excelのデフォのグラフが もう少し綺麗であってほしい 勉強はしてみた。でも限度がある
  7. 7. そこで E2D3ですよ!
  8. 8. E2D3とは E2D3(Excel to D3) Excelの中に、D3.jpのグラフを表示するアプリ (Excel内のデータと連動) D3.jsで作成 したグラフ javascriptの描画特化ライブラリ。巷で話題 Excel すごく スタイリッシュ すごく オサレ
  9. 9. D3.jsの表現力
  10. 10. D3.jsの表現力
  11. 11. D3.jsの表現力
  12. 12. D3.jsの表現力 ・ハイセンスなテンプレート ・色合いもスタイリッシュ ・グラフが動く(javascriptなので)
  13. 13. Excel内での 使い方
  14. 14. グラフの使い方(一般公開中) ①Office用アプリを選択 ②E2D3で検索→選択 ③グラフを選択 ④完了! Excel内でダウンロード!
  15. 15. デモ(動くバブルチャート) 平均寿命 収入 円の大きさは 各国の 人口を表す マウス操作で、年代を指定
  16. 16. グラフの 開発方法
  17. 17. グラフの開発方法(コントリビュータ登録が必要) 今は、ソースを「E2D3のgithub上に載せる」必要が あります。ApacheLicence2.0ライセンスで お願いしています(販売はまだです) コントリ ビューター (D3.jsを使える プログラマー) 投稿 (Pull Request) E2D3 プロジェクトメンバー が管理 javascript css サンプルデータ 説明文 承認 全世界の ユーザー
  18. 18. E2D3 プロジェクト のご紹介
  19. 19. コントリビューター (D3.jsを使えるプログラマー) E2D3 プロジェクトメンバー ユーザー E2D3は、ご覧の方々に支えられています グラフの利用者 D3.jpを使って、 新しいグラフを作る人 もろもろの仕組みを作る人 ・E2D3アプリの開発 ・プラットフォームの開発 ・D3.jp資料の日本語訳
  20. 20. 2014年12月,アプリストア登録
  21. 21. 2014年5月,2名 1. 特別賞, 「Office用アプリ」開発コンテスト, 2014. 6. 24 2. TOP3, Office アプリ アイデアコンテスト, 2014. 9. 24 E2D3 プロジェクトメンバー
  22. 22. 2014年9月,15名 1. Top 20,Mashup Awards 10, 2014. 11. 19 2. マイクロソフト賞,Mashup Awards 10, 2014. 11. 19 E2D3 プロジェクトメンバー
  23. 23. 2014年11月,23名 E2D3 プロジェクトメンバー
  24. 24. 今は50人くらいで ゆるーく やってます
  25. 25. ただ、大きな 可能性のある プロジェクトです
  26. 26. ポテンシャルを感じた方 一緒にE2D3の盛り上げ行きませんか E2D3 プロジェクトメンバー募集
  27. 27. E2D3参加方法 (ちょっと覗いてみたい!って人も大歓迎!) ■E2D3 公式webサイト http://e2d3.org/ ■Facebookグループ(E2D3 user group J) https://www.facebook.com/groups/369091606599239/ ■twitter( Results for #e2d3) https://twitter.com/search?f=realtime&q=%23e2d3
  28. 28. まとめ
  29. 29. (ヴィジュアライゼーションの) 力が欲しいか?
  30. 30. データで世界を 変えたいか?
  31. 31. 絵心がなければ、 javascriptを書けば いいじゃない
  32. 32. E2D3の世界へようこそ
  33. 33. E2D3参加方法 (ちょっと覗いてみたい!って人も大歓迎!) ■E2D3 公式webサイト http://e2d3.org/ ■Facebookグループ(E2D3 user group J) https://www.facebook.com/groups/369091606599239/ ■twitter( Results for #e2d3) https://twitter.com/search?f=realtime&q=%23e2d3

×