E3D3 is a data visualization ecosystem that allows users to create dynamic, interactive charts in Excel using JavaScript libraries like D3.js. It functions by getting data from Excel, converting it to JSON, and using that data to set graphic elements in charts created with JavaScript libraries. The service includes a backend for hosting developer accounts and charts, and a frontend for users to search, favorite, and share charts. Developers can use various libraries to build charts and must follow guidelines for usability, safety, and accounting for unexpected data from non-technical users.

1. E3D3 (Excel to D3) is
a data visualization ecosystem
in the Big Data Era more easily
Yu Yamamoto and Yasunobu Igarashi
yuuu@pita-ri.jp, yasunobu.igarashi@gmail.com

2. Index
1. 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

3. What is E2D3

4. Until now…
When people want to create chart,
people use Excel.
But…

5. E3D3 is here.
Dynamic, interactive, and more interesting
graphing on your Excel !
Dynamic
Interactive
Animation
Easy
Open source
World wide developers

6. E2D3 and Our Service

7. E2D3 is JavaScript Library
used with “App for Office”
Office.js E2D3.js
Get data
Convert 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

8. E2D3 as Service
View embedded chart in Web site Share chart
User account
&
Owned menu,
favorites, upload origin chart,
buy charts
(with registration)
Upload data
User
Excel & Office online with any devices
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.

9. Backend and Frontend

10. Host E2D3 service Host developers
User account
management
User original chart
upload manager
Developer account
management
Developers chart
upload manager
Sell chart
management
Buy chart
management
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 chart
User can develop,
and order chart
only own use.

11. Frontend
Search chart
Favorite chart
Register
Sign in
Manage my chart
Chart upload
Share data and chart

12. For Developers

13. 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.

14. Developers guideline
Server side flow
Required files
Help and how to use
guide document for
users about chart.
post compressed
Manifest file for location,
chart type, language,
chart name and etc.
Chart script and html
data file.
decompress
and
insert DB
put in template
or
iFrame view

15. 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.