SlideShare una empresa de Scribd logo
1 de 39
D3.js and E2D3
Data visualization 4 your Excel/website
October 04, 2015
E2D3 Open source project
What is “E2D3”?
free add-in for your Excel 2013/365
E2D3 is the Global/Japanese Open Source Project.
Won the Award : E2D3 (2014-2015)
Award
1. Technology Edge Prize, Microsoft Innovation Award 2015,
2015. 6. 11
2. Attention Score Ranking 1st x 6 times,Schoo Web School,
2015. 3. 24
3. Visualizing technology prize, LOD (Linked Open Data)
Challenge Japan 2014, 2015. 3. 12
4. TOP20 (/359), Mashup Awards 10, 2014.11. 19
5. Microsoft Prize, Mashup Awards 10, 2014.11. 19
6. TOP3, Microsoft Office Application Idea Contest organized
by MM Souken & Microsoft Japan, 2014. 9. 24
7. Special Prize, Microsoft Office Application Development
Contest organized by Nikkei software magazine & Microsoft
Japan, 2014. 6. 24
Are you struggling with Excel graphs?
Familiar Situation?
・My graphs can make people disappointed
・To be honest, I cannot keep up with new Excel features
・Somehow, more efforts to improve graphs lead nowhere
Ideally,
※ McKinsey quality graphs…
・Easy to understand, and stylish
・Is it art?
・Somebody may actually pay you for your work!
・ I’m not born with artistic talent…
・ Can you really make nice graphs using Excel or
Powerpoint?
・No time to polish my graphs
I’ve tried hard… but with not much
outcome
樹海
Wish Excel graph templates
Were nicer…
E2D3 Can
Help You!
With E2D3 graph template..
・I can make stylish graphs on Excel, easily!
How
Stylish!
Overview of D3 & E2D3
① What can you accomplish with E2D3
② What can display with D3.js
③ How to use app within Excel
④ Graph template development
⑤ About E2D3
①
What can you do
with E2D3?
E2D3 is…
An Excel application, which displays D3.jp
created graphs
D3.js created graph
Library of javascript, specifically for drawing
Excel
Amazing!
Wow!
E2D3(Excel to D3)
What can you do with E2D3?
・ Choose from beautiful graph templates
・ The Excel data is immediately reflected in a graph
②
How far D3.js can
Go?
D3.js expression- Beautiful!
D3.js expression: amazing!
D3.js expression: wow!
D3.js expression
・Beautiful templates
・Nuanced color expression
・Graphs move!(it’s run on javascript)
D3.js Expression
javaScript graphic library
Ranked 1st in 2015!
人気上昇中のJavaScriptライブラリを調べてみた【2015年版】
http://www.buildinsider.net/web/popularjslib/2015
Can you make beautiful
graph on your own?
With E2D3 app,
You can do it!
③
How to Use
with Excel
Downloading App:
① Choose Office App ② Search for “E2D3”
③ Choose graph template ④ Finish!
Example (Moving bubble chart)
Av. Life
expectancy
Income
Size of the
circle:
Population
Use mouse to see chronological trend
④
How to make a
Graph Template
How to make a graph template
1) Register as “contributor”
2) Source code is on E2D3 github. Apachel Licence
2.0
Contributor
(Programmer
with D3.js
knowledge)
(Pull Request)
E2D3
Project Member
javascript
css
Sample data
Explanation
Approval
Users
Worldwide
⑤
About
E2D3 Project
Contributors
(Programmer who
knows D3.js)
E2D3
Project Team
Users
E2D3 project supporters
Enjoy using E2D3 graphs
Create new exciting graphs
using D3.jp
Runs E2D3 project
・E2D3 Application development
・Develop platform
・D3.jp material translation
E2D3 on Office App Store
Started as a two-men project
May 2014
1. Special Award, 「Office App development contest, 2014. 6. 24
2. TOP3, Office App Idea contest, 2014. 9. 24
September 2014, 15 project members
1. Top 20,Mashup Awards 10, 2014. 11. 19
2. Microsoft Award,Mashup Awards 10, 2014. 11. 19
E2D3 Team grew
into
50 person team
Now
E2D3 open source project
• 【Developmental History】
– Future Plan of ver. 0.4
– Settup method of Office365 & Napa for Mac user (text) of ver. 0.3
– Settup method of Office365 & Napa for Mac user (movie) of ver. 0.3
– Developers Instruction of ver. 0.3
– Developers Instruction of ver. 0.2
– API Instruction of ver. 0.2
– Install Method for Developer 2 of ver. 0.2
– Install Method for Developer 1 of ver. 0.2
Activity log 1: E2D3 open source project
• 【Related Articles】
– GUNMA GIS GEEK, E2D3 Tips
• 【Event】
– Open Data Hackathon for an election of Saitama Prefecture Governor, 2015. 8. 2 (Report1, Event)
– NewsPicks & SPEEDA Smart Data Experience Hackathon powered by E2D3, 2015. 6. 14 (Event,
Report)
– Github workshop with E2D3 powered by CircleAround, 2015. 5. 29 (Slide, Event)
– GreenHack & E2D3 Hackathon for Kids -Let’s play with charts!, 2015. 5. 10 (Event, Report)
– IT Programming Day organized by E2D3, 2015. 5. 6 (Event)
– Political Data Visualization Programming Day, 2015. 4. 18 (Event)
– Political Data Visualization Hackathon Vol. 1, 2015. 4. 11 (Slide, Event, Report 1, Report 2)
– Code for YOKOHAMA & E2D3 Programming Day, 2015. 4. 10 (Event)
– E2D3 Hackathon, 2015. 2. 8 (Event, Report)
• 【D3.js & E2D3 Hands-on seminar】
– Hideyuki Takeuchi and Akira Inoue, Schoo WEB-campus, 2015. 3. 25 (Slide, Event)
– Keisuke Osone, “D3.js Hands-on“, E2D3 Hackathon, 2015. 2. 8 (Slide, Code)
• 【Presentation】
– Shoichi Otomo, “Data Visualization by using E2D3 (Excel to D3)”, FOSS4G (Free Open
Source Software for GeoSpatial) 2015 Hokkaido, 2015. 7. 3 (Event)
– Takashi Iki, GreenHack & E2D3 Hackathon for Kids -Let’s play with charts!, 2015. 5. 10
(Slide, Event)
– Hideyuki Takeuchi, “Introduction to E2D3 PJ”, Ebisu Startup Enginer Study Group #2,
2015. 4. 23 (Slide, Event)
– Takashi Iki, 6th NikoNiko Conferenceβ Data Research Group, 2015. 4. 12 (Slide, Event)
– Yu Yamamoto, 4th Apps for Office workshop, 2015. 3. 14 (Slide, Event)
– Tuyoshi Matsuzaki, Open Source Conference, 2015 Tokyo/Spring, 2015. 2. 28 (Event)
– Yasunobu Igarashi, “Open-innovation around E2D3”, Big live-Data Meets Machine
Learning on Database, 2015. 2. 14 (Slide, Event)
– The Asahi Shimbun and E2D3, Journalism Innovation Award, 2015. 1. 24 (Event)
– Yasunobu Igarashi, “Invitation to E2D3”, Combinator Meetup × Startup School, 2015.
1. 21 (Event)
– Yasunobu Igarashi, “Graph it forward by using E2D3”, Data Visualization Japan
meetup#2, 2014. 12. 25 (Slide, Movie, Event)
Activity log 2: E2D3 open source project
• 【Exhibition】
– LOD Chellange 2015 Kickoff, 2015. 9. 26 (Event)
– Tech in Asia Tokyo 2015, 2015. 9. 8 (Event)
– Learning Technology 2015, 2015. 7. 15-17 (Event)
– App Expo, 2015. 3. 23 (Event)
– LOD Challenge 2014 Conference, 2015. 3. 19 (Event)
• 【Developmental History】
– Future Plan of ver. 0.4
– Settup method of Office365 & Napa for Mac user (text) of ver. 0.3
– Settup method of Office365 & Napa for Mac user (movie) of ver. 0.3
– Developers Instruction of ver. 0.3
– Developers Instruction of ver. 0.2
– API Instruction of ver. 0.2
– Install Method for Developer 2 of ver. 0.2
– Install Method for Developer 1 of ver. 0.2
Activity log 3: E2D3 open source project
• 【活用事例】
– goo スマホ部, ドコモ圧勝!iPhone 6s発売日に速度調査(大阪環状線), 2015. 8. 8
– 朝日新聞デジタル, 衆院選を動くグラフに 激増する無効・棄権票, 2014. 12. 19
– withnews, 得票率1割台で政権取る可能性 グラフで見る衆院選, 2014. 12. 2
• 【メディア掲載】
– Thanks for authors !
– 毎日新聞, 争点、課題、ITで分析 都内で「知事選ハッカソン!」, 2015. 8. 8
– THE BRIDGE, 革新的なアイデアとプロダクトでイノベーションを創りだす:「Microsoft
Innovation Award 2015」を授賞した13チーム, 2015. 6. 30
– ASCII.jp, 今年は画像解析?Microsoft Innovation Award 2015開催, 2015. 6. 17
– IT media, Microsoft Innovation Award 2015は機械学習、IoT、3D、KINECT、データ活用祭
り, 2015. 6. 24
– goo スマホ部, NewsPicksに学ぶ、スマホでインフォグラフィック, 2015. 6. 17
– goo スマホ部, 新しい政治の見せ方を考えよう!―政治データ可視化ハッカソン, 2015.
4. 18
– gooスマホ部, 人気の高いアプリはどれ?「アプリ博2015」レポート, 2015. 3. 26
– 日経ソフトウェア, 2014年8月号 p. 19
– IT Pro, 日経ソフトウェア 「Office用アプリ」開発コンテスト 結果発表, 2014. 6. 24
Activity log 4: E2D3 open source project
We believe in
a huge potential of
E2D3 project
(and have passion!)
How to get involved with E2D3 project.
■E2D3 Official webpage
http://e2d3.org/
■Facebook (E2D3 user group )
https://www.facebook.com/groups/369091606599239/
■twitter( Results for #e2d3)
https://twitter.com/search?f=realtime&q=%23e2d3
We are looking for new team member
to develop E2D3 free add-in for your Excel!
Please join
E2D3 global/Japanese open source project

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Alamat ng Kulay
Alamat ng KulayAlamat ng Kulay
Alamat ng Kulay
 
BROCHURE ON DEFENSES AGAINST DISCRIMINATION
BROCHURE ON DEFENSES AGAINST DISCRIMINATIONBROCHURE ON DEFENSES AGAINST DISCRIMINATION
BROCHURE ON DEFENSES AGAINST DISCRIMINATION
 
Mag isyung moral tungkol sa buhay 3rd day p
Mag isyung moral tungkol sa buhay   3rd day pMag isyung moral tungkol sa buhay   3rd day p
Mag isyung moral tungkol sa buhay 3rd day p
 
ESP10 Mga Isyung Moral Tungkol sa Buhay
 ESP10 Mga Isyung Moral Tungkol sa Buhay ESP10 Mga Isyung Moral Tungkol sa Buhay
ESP10 Mga Isyung Moral Tungkol sa Buhay
 
Industriya
IndustriyaIndustriya
Industriya
 
Mga Hakbang sa Pagbuo ng Community-Based Disaster Risk Reduction
Mga Hakbang sa Pagbuo ng Community-Based Disaster Risk ReductionMga Hakbang sa Pagbuo ng Community-Based Disaster Risk Reduction
Mga Hakbang sa Pagbuo ng Community-Based Disaster Risk Reduction
 
Noli me tangere kabanata 25
Noli me tangere kabanata 25Noli me tangere kabanata 25
Noli me tangere kabanata 25
 
Ekonomiks 10 - Kalakalang Panlabas ng Pilipinas
Ekonomiks 10 - Kalakalang Panlabas ng PilipinasEkonomiks 10 - Kalakalang Panlabas ng Pilipinas
Ekonomiks 10 - Kalakalang Panlabas ng Pilipinas
 
Google technologies
Google technologiesGoogle technologies
Google technologies
 
Pagkamamamayan
PagkamamamayanPagkamamamayan
Pagkamamamayan
 
Memangnya, seharusnya harga cabai merah itu berapa sih, sebenarnya?
Memangnya, seharusnya harga cabai merah itu berapa sih, sebenarnya?Memangnya, seharusnya harga cabai merah itu berapa sih, sebenarnya?
Memangnya, seharusnya harga cabai merah itu berapa sih, sebenarnya?
 
القرار الوزاري رقم 312 بشأن بتحديد الرسوم والغرامات والاشتراكات ومقابل الخدما...
القرار الوزاري رقم 312 بشأن بتحديد الرسوم والغرامات والاشتراكات ومقابل الخدما...القرار الوزاري رقم 312 بشأن بتحديد الرسوم والغرامات والاشتراكات ومقابل الخدما...
القرار الوزاري رقم 312 بشأن بتحديد الرسوم والغرامات والاشتراكات ومقابل الخدما...
 
Ugaling pinoy
Ugaling pinoyUgaling pinoy
Ugaling pinoy
 
Kabanata 13 - Noli Me Tangere
Kabanata 13 - Noli Me TangereKabanata 13 - Noli Me Tangere
Kabanata 13 - Noli Me Tangere
 
P LANKESH NEELU KAVYA.....KANNADA
P LANKESH NEELU KAVYA.....KANNADAP LANKESH NEELU KAVYA.....KANNADA
P LANKESH NEELU KAVYA.....KANNADA
 
Screencasting ppt 1
Screencasting ppt 1Screencasting ppt 1
Screencasting ppt 1
 
10-E-Task-1-Group-3-Mga Isyu sa Paggawa.pdf
10-E-Task-1-Group-3-Mga Isyu sa Paggawa.pdf10-E-Task-1-Group-3-Mga Isyu sa Paggawa.pdf
10-E-Task-1-Group-3-Mga Isyu sa Paggawa.pdf
 

Destacado

オープンソースプロジェクト E2D3のご紹介
オープンソースプロジェクト E2D3のご紹介オープンソースプロジェクト E2D3のご紹介
オープンソースプロジェクト E2D3のご紹介
Hideyuki Takeuchi
 
E2D3 インストールガイド
E2D3 インストールガイドE2D3 インストールガイド
E2D3 インストールガイド
E2D3.org
 

Destacado (20)

E2D3のプレゼンしてきたatNVIDIA
E2D3のプレゼンしてきたatNVIDIAE2D3のプレゼンしてきたatNVIDIA
E2D3のプレゼンしてきたatNVIDIA
 
Vue.js with Go
Vue.js with GoVue.js with Go
Vue.js with Go
 
オープンソースプロジェクト E2D3のご紹介
オープンソースプロジェクト E2D3のご紹介オープンソースプロジェクト E2D3のご紹介
オープンソースプロジェクト E2D3のご紹介
 
E2D3 インストールガイド
E2D3 インストールガイドE2D3 インストールガイド
E2D3 インストールガイド
 
E2D3ハンズオン
E2D3ハンズオンE2D3ハンズオン
E2D3ハンズオン
 
d3jsハンズオン @E2D3ハッカソン
d3jsハンズオン @E2D3ハッカソンd3jsハンズオン @E2D3ハッカソン
d3jsハンズオン @E2D3ハッカソン
 
20160713E2D3Workshop
20160713E2D3Workshop20160713E2D3Workshop
20160713E2D3Workshop
 
Kubernetes in 30 minutes (2017/03/10)
Kubernetes in 30 minutes (2017/03/10)Kubernetes in 30 minutes (2017/03/10)
Kubernetes in 30 minutes (2017/03/10)
 
E2D3 ver. 0.2 開発の手順書
E2D3 ver. 0.2 開発の手順書E2D3 ver. 0.2 開発の手順書
E2D3 ver. 0.2 開発の手順書
 
「2017年の目標と運営方針」を議論するための「2016年の振り返り」
「2017年の目標と運営方針」を議論するための「2016年の振り返り」「2017年の目標と運営方針」を議論するための「2016年の振り返り」
「2017年の目標と運営方針」を議論するための「2016年の振り返り」
 
QGISで遊べる公共境界データ Public boundary data of small areas of Japan for QGIS beginners
QGISで遊べる公共境界データ Public boundary data of small areas of Japan for QGIS beginnersQGISで遊べる公共境界データ Public boundary data of small areas of Japan for QGIS beginners
QGISで遊べる公共境界データ Public boundary data of small areas of Japan for QGIS beginners
 
地理空間情報 x ビジネス x オープンソースGIS 勉強会!
地理空間情報 x ビジネス x オープンソースGIS 勉強会!地理空間情報 x ビジネス x オープンソースGIS 勉強会!
地理空間情報 x ビジネス x オープンソースGIS 勉強会!
 
OSS製品における品質管理について
OSS製品における品質管理についてOSS製品における品質管理について
OSS製品における品質管理について
 
E2D3に見るオープンイノベーション
E2D3に見るオープンイノベーションE2D3に見るオープンイノベーション
E2D3に見るオープンイノベーション
 
リクルートはいかにして、ディープラーニング(深層学習)の導入を成功させたか
リクルートはいかにして、ディープラーニング(深層学習)の導入を成功させたかリクルートはいかにして、ディープラーニング(深層学習)の導入を成功させたか
リクルートはいかにして、ディープラーニング(深層学習)の導入を成功させたか
 
リクルートにおける画像解析事例紹介
リクルートにおける画像解析事例紹介リクルートにおける画像解析事例紹介
リクルートにおける画像解析事例紹介
 
Tableau treemaps grouping
Tableau treemaps groupingTableau treemaps grouping
Tableau treemaps grouping
 
E2D3 2016spring
E2D3 2016springE2D3 2016spring
E2D3 2016spring
 
RESASを使った静岡市の新しい産業の創成手法サンプル
RESASを使った静岡市の新しい産業の創成手法サンプルRESASを使った静岡市の新しい産業の創成手法サンプル
RESASを使った静岡市の新しい産業の創成手法サンプル
 
2015/08/24 第15回 HTML5+JS 勉強会【TechBuzz】資料「HTML5とデータ可視化とExcel」
2015/08/24 第15回 HTML5+JS 勉強会【TechBuzz】資料「HTML5とデータ可視化とExcel」 2015/08/24 第15回 HTML5+JS 勉強会【TechBuzz】資料「HTML5とデータ可視化とExcel」
2015/08/24 第15回 HTML5+JS 勉強会【TechBuzz】資料「HTML5とデータ可視化とExcel」
 

Similar a E2D3 introduction

Se2015 (general) (sep 19, 2015)
Se2015 (general) (sep 19, 2015)Se2015 (general) (sep 19, 2015)
Se2015 (general) (sep 19, 2015)
Lisa Dziuba
 
Se2015 (general) (sep 19, 2015)
Se2015 (general) (sep 19, 2015)Se2015 (general) (sep 19, 2015)
Se2015 (general) (sep 19, 2015)
Lisa Dziuba
 

Similar a E2D3 introduction (20)

E2D3 introduction 2016SEP ver
E2D3 introduction 2016SEP verE2D3 introduction 2016SEP ver
E2D3 introduction 2016SEP ver
 
Resume parser
Resume parserResume parser
Resume parser
 
Info Session GDSC USICT
Info Session GDSC USICTInfo Session GDSC USICT
Info Session GDSC USICT
 
Public Training Calendar
Public Training CalendarPublic Training Calendar
Public Training Calendar
 
Deployment Design Patterns - Deploying Machine Learning and Deep Learning Mod...
Deployment Design Patterns - Deploying Machine Learning and Deep Learning Mod...Deployment Design Patterns - Deploying Machine Learning and Deep Learning Mod...
Deployment Design Patterns - Deploying Machine Learning and Deep Learning Mod...
 
AllThingsOpen 2018 - Deployment Design Patterns (Dan Zaratsian)
AllThingsOpen 2018 - Deployment Design Patterns (Dan Zaratsian)AllThingsOpen 2018 - Deployment Design Patterns (Dan Zaratsian)
AllThingsOpen 2018 - Deployment Design Patterns (Dan Zaratsian)
 
Processing Twitter Stream with Oracle Event Processing (OEP)
Processing Twitter Stream with Oracle Event Processing (OEP)Processing Twitter Stream with Oracle Event Processing (OEP)
Processing Twitter Stream with Oracle Event Processing (OEP)
 
Stacker's
Stacker'sStacker's
Stacker's
 
Se2015 (general) (sep 19, 2015)
Se2015 (general) (sep 19, 2015)Se2015 (general) (sep 19, 2015)
Se2015 (general) (sep 19, 2015)
 
Se2015 (general) (sep 19, 2015)
Se2015 (general) (sep 19, 2015)Se2015 (general) (sep 19, 2015)
Se2015 (general) (sep 19, 2015)
 
DC
DCDC
DC
 
[PU&D] - Power Platform only for Citizen Developers?
[PU&D] - Power Platform only for Citizen Developers?[PU&D] - Power Platform only for Citizen Developers?
[PU&D] - Power Platform only for Citizen Developers?
 
Abhyudaya.Upadhyay.Resume
Abhyudaya.Upadhyay.ResumeAbhyudaya.Upadhyay.Resume
Abhyudaya.Upadhyay.Resume
 
Cross Platform Angular 2 and TypeScript Development
Cross Platform Angular 2 and TypeScript DevelopmentCross Platform Angular 2 and TypeScript Development
Cross Platform Angular 2 and TypeScript Development
 
Minor Project Synopsis on Data Structure Visualizer
Minor Project Synopsis on Data Structure VisualizerMinor Project Synopsis on Data Structure Visualizer
Minor Project Synopsis on Data Structure Visualizer
 
Processing Twitter Stream with Oracle Event Processing (OEP)
Processing Twitter Stream with Oracle Event Processing (OEP)Processing Twitter Stream with Oracle Event Processing (OEP)
Processing Twitter Stream with Oracle Event Processing (OEP)
 
Как да станем софтуерни инженери и да стартираме ИТ бизнес?
Как да станем софтуерни инженери и да стартираме ИТ бизнес?Как да станем софтуерни инженери и да стартираме ИТ бизнес?
Как да станем софтуерни инженери и да стартираме ИТ бизнес?
 
Liti Solutions Portfolio - July 2015
Liti Solutions Portfolio - July 2015Liti Solutions Portfolio - July 2015
Liti Solutions Portfolio - July 2015
 
SharePoint Saturday Paris 2016 - AngularJS with the Microsoft Graph
SharePoint Saturday Paris 2016 - AngularJS with the Microsoft GraphSharePoint Saturday Paris 2016 - AngularJS with the Microsoft Graph
SharePoint Saturday Paris 2016 - AngularJS with the Microsoft Graph
 
MohitKumarGupta_Resume
MohitKumarGupta_ResumeMohitKumarGupta_Resume
MohitKumarGupta_Resume
 

Último

AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
VictorSzoltysek
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
VishalKumarJha10
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
Health
 

Último (20)

Diamond Application Development Crafting Solutions with Precision
Diamond Application Development Crafting Solutions with PrecisionDiamond Application Development Crafting Solutions with Precision
Diamond Application Development Crafting Solutions with Precision
 
10 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 202410 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 2024
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
 
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) SolutionIntroducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
 
VTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learnVTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learn
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf
 
Software Quality Assurance Interview Questions
Software Quality Assurance Interview QuestionsSoftware Quality Assurance Interview Questions
Software Quality Assurance Interview Questions
 
Optimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTVOptimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTV
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdfAzure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
 
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
 
Unlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language ModelsUnlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language Models
 
8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
 
Define the academic and professional writing..pdf
Define the academic and professional writing..pdfDefine the academic and professional writing..pdf
Define the academic and professional writing..pdf
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
 

E2D3 introduction

  • 1. D3.js and E2D3 Data visualization 4 your Excel/website October 04, 2015 E2D3 Open source project
  • 2. What is “E2D3”? free add-in for your Excel 2013/365 E2D3 is the Global/Japanese Open Source Project.
  • 3. Won the Award : E2D3 (2014-2015) Award 1. Technology Edge Prize, Microsoft Innovation Award 2015, 2015. 6. 11 2. Attention Score Ranking 1st x 6 times,Schoo Web School, 2015. 3. 24 3. Visualizing technology prize, LOD (Linked Open Data) Challenge Japan 2014, 2015. 3. 12 4. TOP20 (/359), Mashup Awards 10, 2014.11. 19 5. Microsoft Prize, Mashup Awards 10, 2014.11. 19 6. TOP3, Microsoft Office Application Idea Contest organized by MM Souken & Microsoft Japan, 2014. 9. 24 7. Special Prize, Microsoft Office Application Development Contest organized by Nikkei software magazine & Microsoft Japan, 2014. 6. 24
  • 4. Are you struggling with Excel graphs? Familiar Situation? ・My graphs can make people disappointed ・To be honest, I cannot keep up with new Excel features ・Somehow, more efforts to improve graphs lead nowhere
  • 5. Ideally, ※ McKinsey quality graphs… ・Easy to understand, and stylish ・Is it art? ・Somebody may actually pay you for your work!
  • 6. ・ I’m not born with artistic talent… ・ Can you really make nice graphs using Excel or Powerpoint? ・No time to polish my graphs I’ve tried hard… but with not much outcome 樹海 Wish Excel graph templates Were nicer…
  • 8. With E2D3 graph template.. ・I can make stylish graphs on Excel, easily! How Stylish!
  • 9. Overview of D3 & E2D3 ① What can you accomplish with E2D3 ② What can display with D3.js ③ How to use app within Excel ④ Graph template development ⑤ About E2D3
  • 10. ① What can you do with E2D3?
  • 11. E2D3 is… An Excel application, which displays D3.jp created graphs D3.js created graph Library of javascript, specifically for drawing Excel Amazing! Wow! E2D3(Excel to D3)
  • 12. What can you do with E2D3? ・ Choose from beautiful graph templates ・ The Excel data is immediately reflected in a graph
  • 13. ② How far D3.js can Go?
  • 17. D3.js expression ・Beautiful templates ・Nuanced color expression ・Graphs move!(it’s run on javascript)
  • 18. D3.js Expression javaScript graphic library Ranked 1st in 2015! 人気上昇中のJavaScriptライブラリを調べてみた【2015年版】 http://www.buildinsider.net/web/popularjslib/2015
  • 19. Can you make beautiful graph on your own?
  • 20. With E2D3 app, You can do it!
  • 22. Downloading App: ① Choose Office App ② Search for “E2D3” ③ Choose graph template ④ Finish!
  • 23. Example (Moving bubble chart) Av. Life expectancy Income Size of the circle: Population Use mouse to see chronological trend
  • 24. ④ How to make a Graph Template
  • 25. How to make a graph template 1) Register as “contributor” 2) Source code is on E2D3 github. Apachel Licence 2.0 Contributor (Programmer with D3.js knowledge) (Pull Request) E2D3 Project Member javascript css Sample data Explanation Approval Users Worldwide
  • 27. Contributors (Programmer who knows D3.js) E2D3 Project Team Users E2D3 project supporters Enjoy using E2D3 graphs Create new exciting graphs using D3.jp Runs E2D3 project ・E2D3 Application development ・Develop platform ・D3.jp material translation
  • 28. E2D3 on Office App Store
  • 29. Started as a two-men project May 2014 1. Special Award, 「Office App development contest, 2014. 6. 24 2. TOP3, Office App Idea contest, 2014. 9. 24
  • 30. September 2014, 15 project members 1. Top 20,Mashup Awards 10, 2014. 11. 19 2. Microsoft Award,Mashup Awards 10, 2014. 11. 19
  • 31. E2D3 Team grew into 50 person team Now
  • 32. E2D3 open source project • 【Developmental History】 – Future Plan of ver. 0.4 – Settup method of Office365 & Napa for Mac user (text) of ver. 0.3 – Settup method of Office365 & Napa for Mac user (movie) of ver. 0.3 – Developers Instruction of ver. 0.3 – Developers Instruction of ver. 0.2 – API Instruction of ver. 0.2 – Install Method for Developer 2 of ver. 0.2 – Install Method for Developer 1 of ver. 0.2
  • 33. Activity log 1: E2D3 open source project • 【Related Articles】 – GUNMA GIS GEEK, E2D3 Tips • 【Event】 – Open Data Hackathon for an election of Saitama Prefecture Governor, 2015. 8. 2 (Report1, Event) – NewsPicks & SPEEDA Smart Data Experience Hackathon powered by E2D3, 2015. 6. 14 (Event, Report) – Github workshop with E2D3 powered by CircleAround, 2015. 5. 29 (Slide, Event) – GreenHack & E2D3 Hackathon for Kids -Let’s play with charts!, 2015. 5. 10 (Event, Report) – IT Programming Day organized by E2D3, 2015. 5. 6 (Event) – Political Data Visualization Programming Day, 2015. 4. 18 (Event) – Political Data Visualization Hackathon Vol. 1, 2015. 4. 11 (Slide, Event, Report 1, Report 2) – Code for YOKOHAMA & E2D3 Programming Day, 2015. 4. 10 (Event) – E2D3 Hackathon, 2015. 2. 8 (Event, Report) • 【D3.js & E2D3 Hands-on seminar】 – Hideyuki Takeuchi and Akira Inoue, Schoo WEB-campus, 2015. 3. 25 (Slide, Event) – Keisuke Osone, “D3.js Hands-on“, E2D3 Hackathon, 2015. 2. 8 (Slide, Code)
  • 34. • 【Presentation】 – Shoichi Otomo, “Data Visualization by using E2D3 (Excel to D3)”, FOSS4G (Free Open Source Software for GeoSpatial) 2015 Hokkaido, 2015. 7. 3 (Event) – Takashi Iki, GreenHack & E2D3 Hackathon for Kids -Let’s play with charts!, 2015. 5. 10 (Slide, Event) – Hideyuki Takeuchi, “Introduction to E2D3 PJ”, Ebisu Startup Enginer Study Group #2, 2015. 4. 23 (Slide, Event) – Takashi Iki, 6th NikoNiko Conferenceβ Data Research Group, 2015. 4. 12 (Slide, Event) – Yu Yamamoto, 4th Apps for Office workshop, 2015. 3. 14 (Slide, Event) – Tuyoshi Matsuzaki, Open Source Conference, 2015 Tokyo/Spring, 2015. 2. 28 (Event) – Yasunobu Igarashi, “Open-innovation around E2D3”, Big live-Data Meets Machine Learning on Database, 2015. 2. 14 (Slide, Event) – The Asahi Shimbun and E2D3, Journalism Innovation Award, 2015. 1. 24 (Event) – Yasunobu Igarashi, “Invitation to E2D3”, Combinator Meetup × Startup School, 2015. 1. 21 (Event) – Yasunobu Igarashi, “Graph it forward by using E2D3”, Data Visualization Japan meetup#2, 2014. 12. 25 (Slide, Movie, Event) Activity log 2: E2D3 open source project
  • 35. • 【Exhibition】 – LOD Chellange 2015 Kickoff, 2015. 9. 26 (Event) – Tech in Asia Tokyo 2015, 2015. 9. 8 (Event) – Learning Technology 2015, 2015. 7. 15-17 (Event) – App Expo, 2015. 3. 23 (Event) – LOD Challenge 2014 Conference, 2015. 3. 19 (Event) • 【Developmental History】 – Future Plan of ver. 0.4 – Settup method of Office365 & Napa for Mac user (text) of ver. 0.3 – Settup method of Office365 & Napa for Mac user (movie) of ver. 0.3 – Developers Instruction of ver. 0.3 – Developers Instruction of ver. 0.2 – API Instruction of ver. 0.2 – Install Method for Developer 2 of ver. 0.2 – Install Method for Developer 1 of ver. 0.2 Activity log 3: E2D3 open source project
  • 36. • 【活用事例】 – goo スマホ部, ドコモ圧勝!iPhone 6s発売日に速度調査(大阪環状線), 2015. 8. 8 – 朝日新聞デジタル, 衆院選を動くグラフに 激増する無効・棄権票, 2014. 12. 19 – withnews, 得票率1割台で政権取る可能性 グラフで見る衆院選, 2014. 12. 2 • 【メディア掲載】 – Thanks for authors ! – 毎日新聞, 争点、課題、ITで分析 都内で「知事選ハッカソン!」, 2015. 8. 8 – THE BRIDGE, 革新的なアイデアとプロダクトでイノベーションを創りだす:「Microsoft Innovation Award 2015」を授賞した13チーム, 2015. 6. 30 – ASCII.jp, 今年は画像解析?Microsoft Innovation Award 2015開催, 2015. 6. 17 – IT media, Microsoft Innovation Award 2015は機械学習、IoT、3D、KINECT、データ活用祭 り, 2015. 6. 24 – goo スマホ部, NewsPicksに学ぶ、スマホでインフォグラフィック, 2015. 6. 17 – goo スマホ部, 新しい政治の見せ方を考えよう!―政治データ可視化ハッカソン, 2015. 4. 18 – gooスマホ部, 人気の高いアプリはどれ?「アプリ博2015」レポート, 2015. 3. 26 – 日経ソフトウェア, 2014年8月号 p. 19 – IT Pro, 日経ソフトウェア 「Office用アプリ」開発コンテスト 結果発表, 2014. 6. 24 Activity log 4: E2D3 open source project
  • 37. We believe in a huge potential of E2D3 project (and have passion!)
  • 38. How to get involved with E2D3 project. ■E2D3 Official webpage http://e2d3.org/ ■Facebook (E2D3 user group ) https://www.facebook.com/groups/369091606599239/ ■twitter( Results for #e2d3) https://twitter.com/search?f=realtime&q=%23e2d3
  • 39. We are looking for new team member to develop E2D3 free add-in for your Excel! Please join E2D3 global/Japanese open source project