Embed Size (px)
Citation preview
E3D3 (Excel to D3) is a data visualization ecosystem in the Big Data Era more easily
Yu Yamamoto and Yasunobu Igarashi [email protected], [email protected]
Index1. What is E2D3
2. E2D3 and Our Service
3. Backend and Frontend
4. For Developers
1. Developers guideline
2. Users aren’t engineer
5. User's actions
What is E2D3
Until now…When people want to create chart,
people use Excel.
But…
E3D3 is here.Dynamic, interactive, and more interesting
graphing on your Excel !
Dynamic Interactive Animation Easy Open source World wide developers
E2D3 and Our Service
E2D3 is JavaScript Library used with “App for Office”
Office.js E2D3.js
Get dataConvert and
trimmed to JSON
Set data Convert trimmed JSON to Array for Excel
JavaScript Graphic Library D3.js
Google Charts
And any graphic library
Excel &
App for Office
E2D3 as Service
Excel & Office online with any devices
User account &
Owned menu, favorites, upload origin chart,
buy charts (with registration)
Upload data
Share chartView embedded chart in Web site
User
Developers in world
Developer account &
Post charts, sell charts (with registration)
Search any charts developed from all over the world. Bookmarking favorites. Upload origin chart.
Backend and Frontend
User account management
User original chart upload manager
Developer account management
Developers chart upload manager
Sell chart management
Buy chart management
Host E2D3 service Host developers web site
E2D3 App in
Excel
Develop with
PC,Mac,Linux
Backend
Why we need Developer site? Because it’s for usability and security.
Check script
Safety framework, Search,Favorite, Recommend
Why user need chart uploader? In enterprise company, they need this.
Upload own chartUser can develop, and order chart only own use.
Frontend
Search chart Favorite chart Register Sign in Manage my chart Chart upload Share data and chart
For Developers
Developers guideline• Developers can use some JavaScript library like jQuery, d3, bootstrap and some geometric data our server hosted.
• Developers can use outside opened library and API like Google, OpenStreetMap or some SNS.
• Developers must understand E2D3 framework for usability.
• Developers can use register, sign in, back home, delete, help buttons supplied as E2D3 framework template.
• Developers must suppose to come your chart from other chart with same data that is unused format on your chart.
Developers guideline
Required filesHelp and how to use guide document for users about chart.
Manifest file for location, chart type, language, chart name and etc.
Chart script and html data file.
post compressed
decompress and
insert DB
put in template or
iFrame view
Server side flow
Users aren’t Engineer
• Users set own resource data included unexpected value like null, any format.
• Users never want to see button that is broken.
• Users want to use navigation that is sorted, adjusted in same way.
