Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
もっとデータ可視化をカジュアルに!OSSプロジェクト「E2D3」
Search
Hideyuki Takeuchi
March 24, 2016
Programming
1
2.9k
もっとデータ可視化をカジュアルに!OSSプロジェクト「E2D3」
GREE Tech Talk #10でE2D3プロジェクトについて発表した資料です。
Hideyuki Takeuchi
March 24, 2016
Tweet
Share
More Decks by Hideyuki Takeuchi
See All by Hideyuki Takeuchi
Exposed 応用編 〜内部実装 と 魔拡張〜
chimerast
3
2k
Delegatesと拡張関数・拡張プロパティその合わせ技
chimerast
0
770
Kotlin Coroutines と Ktor HTTP Client で作るスケールするタスク実行
chimerast
1
2k
UZABASE創業期から10年いるエンジニアから見た「BtoB SaaSのUI/UXってなんだろう?」
chimerast
1
860
暗号通貨の鍵を安全に管理するアーキテクチャを作ってみようとしている話
chimerast
0
420
WhitestormJSを触ってみた
chimerast
0
520
この素晴らしい Vue.js に祝福を!
chimerast
16
11k
RxJava + Vert.x + jOOλ で Microservice的な何かを作ってみた
chimerast
0
2.7k
40億レコード以上のSPEEDA大規模データを超高速に表示するElasticsearch活用法
chimerast
1
4k
Other Decks in Programming
See All in Programming
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
riseshia
0
140
Advance Your Career with Open Source
ivargrimstad
0
260
気づいて!アプリからのSOS 〜App Store Connect APIで始めるパフォーマンス健康診断〜
waka12
0
260
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
1
570
Your Perfect Project Setup for Angular @BASTA! 2025 in Mainz
manfredsteyer
PRO
0
110
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
870
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
shino8rayu9
0
140
2025年版 サーバーレス Web アプリケーションの作り方
hayatow
23
25k
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
670
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
1.5k
WebエンジニアがSwiftをブラウザで動かすプレイグラウンドを作ってみた
ohmori_yusuke
0
170
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
120
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Making Projects Easy
brettharned
118
6.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
Code Review Best Practice
trishagee
72
19k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Done Done
chrislema
185
16k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
570
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Transcript
ͬͱσʔλՄࢹԽΛ ΧδϡΞϧʹʂ OSSϓϩδΣΫτʮE2D3ʯ ͚ͨ͏ͪɹͻͰΏ͖
Data Visualization for ALL ఏɹڙ
͚ͨ͏ͪɹͻͰΏ͖ @CHIMERAST גࣜձࣾϢʔβϕʔε ͳΜͰ
ࠓͷ ݸਓతʹ׆ಈ͍ͯ͠Δ OSSϓϩδΣΫτ E2D3ͷ͓
͚ͨ͏ͪɹͻͰΏ͖ @CHIMERAST E2D3ϓϩδΣΫτ ίΞγεςϜͷ։ൃΛ୲
͋ ͷ ݟ ͨ σ ồ λ Մ ࢹ
Խ ͷ ໊ લ Λ ୡ · ͩ ɹ Β ͳ ͍ Ố Մ ࢹ Խ ό ε λ ồ ζ ͨ ͚ ͏ ͪ ɹ ͻ Ͱ Ώ ͖
None
σʔλՄࢹԽ σʔλੳͱͬͯΕͳ͍ͷ
etc…
͜ΕΒ σʔλՄࢹԽػೳΛ ͦͳ͍͑ͯ·͢
͔͠͠ɺ
ී௨ͷਓʹͱͬͯ ෑډ͕ߴ͍
ී௨ͷਓ͕ ੳʹ͏ιϑτʁ
Microsoft Excel
None
Ͱੈͷதʹ ͬͱछʑଟ࠼ͳ ՄࢹԽख๏͕͋Δʂ
None
None
None
None
ͬͱ͍ΖΜͳ ՄࢹԽ͕Ͱ͖ͨΒ ָͦ͠͏ʂ
Excel Ͱʂ
શͯͷਓͷͨΊͷ σʔλՄࢹԽϓϥοτϑΥʔϜ
None
None
͍ํ
Excel 2013Ҏ߱ or Excel Online ͷ Office Store͔ΒʮE2D3ʯͰݕࡧʂ
ແ ྉ MacͰ Excel OnlineͰ ಈ͖·͢ʂ
Ͱ͖Δ͜ͱ
E2D3ʹొ͞Εͨ ςϯϓϨʔτ Ϣʔβ͕ExcelͰ ೖྗͨ͠σʔλ URLΛൃߦ͠ ϒϩάʹషΓ͚ͨΓ FB or TWͰγΣΞ Excel্Ͱ
ΠϯλϥΫςΟϒͳ σʔλՄࢹԽ
ςϯϓϨʔτͷ ࡞Γํ
ςϯϓϨʔτ HTML+JSͰ࡞ ͓ΈͷΤσΟλͰ։ൃʂ ؆ ୯
D3.jsΒthree.jsΒ ՄࢹԽϥΠϒϥϦΛͬͯ ࡞ΕΔ
None
None
None
None
ςϯϓϨʔτ։ൃͷ ڥߏங؆୯ʂ npmʹΑΔίϚϯυඋ
४උ node.js v5.3.0 Ҏ্Λ Πϯετʔϧ
$ npm install -g e2d3
$ git clone \ https://github.com/e2d3/e2d3-contrib.git
$ cd e2d3-contrib $ e2d3
Webαʔό্ཱ͕͕ͪΓ LiveReloadػೳಈ͘ ։ൃڥ͕͍·͢
None
͋ͱGitHubͷWikiݟͭͭ ςϯϓϨʔτΛ։ൃͯ͠ Pull RequestΛ͛Δ͚ͩ
Pull Request͕Ϛʔδ͞Ε 10͙Β͍ͨͭͱ Excelͷը໘ʹදࣔ͞Ε·͢
࠷ޙʹ
E2D3OSSͱָͯ͘͠͠ ׆ಈ͍ͯ͠·͢
ʮσʔλͬͯ໘ന͍ʂʯ ͱݴͬͯ͘ΕΔਓΛ૿͢ ϓϩδΣΫτͰ͢
σʔλαΠΤϯςΟετ ΞφϦετ Ӧۀ ϚʔέςΟϯά ඇΤϯδχΞ Ұൠࣄһ খɺதɺߴੜ σʔλͬͯ໘ന͍ʂ σʔλՄࢹԽͷ݁Ռɺ
ʮσʔλͬͯ໘ന͍ʂʯͱօ͕ݴ͏ ʮσʔλϦςϥγʔʯΛօ͕͍࣋ͬͯΔ ʮσʔλͷྗʯΛօ͕׆༻Ͱ͖Δ E2D3Ͱ࡞Γ͍ͨະདྷ
ใ׆ಈɿडྺ12ճΒ͍͠
༷ʑͳॴଐɾ৬छͷਓͨͪ 60ਓ͙Β͍ͰӡӦͯ͠·͢
݄̍Ͱ σʔλϏδϡΞϥΠθʔγϣϯ ຖ݄͘͘ձ ΛӡӦ͍ͯ͠·͢
ςϯϓϨʔτͷ ίϯτϦϏϡʔλཔΈ ॏ ཁ
ίΞγεςϜΛ Ұॹʹ։ൃͯ͘͠ΕΔ ਓΛ୳͍ͯ͠·͢ ࣮
ίΞͰࠓޙΓ͍ͨ͜ͱ gist͔ΒςϯϓϨʔτొ ςϯϓϨʔτݕࡧ UI/UX৽
ٻΉʂίϯτϦϏϡʔλ http://e2d3.org/ https://github.com/e2d3/e2d3 ςϯϓϨʔτ։ൃ ίΞγεςϜ։ൃ ͘͘ձӡӦ ใ׆ಈ ւ֎ల։ ͦͷଞॾʑ
Data Visualization for ALL ఏɹڙ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ