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.7k
もっとデータ可視化をカジュアルに!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
1.8k
Delegatesと拡張関数・拡張プロパティその合わせ技
chimerast
0
710
Kotlin Coroutines と Ktor HTTP Client で作るスケールするタスク実行
chimerast
1
1.8k
UZABASE創業期から10年いるエンジニアから見た「BtoB SaaSのUI/UXってなんだろう?」
chimerast
1
800
暗号通貨の鍵を安全に管理するアーキテクチャを作ってみようとしている話
chimerast
0
390
WhitestormJSを触ってみた
chimerast
0
510
この素晴らしい Vue.js に祝福を!
chimerast
16
11k
RxJava + Vert.x + jOOλ で Microservice的な何かを作ってみた
chimerast
0
2.7k
40億レコード以上のSPEEDA大規模データを超高速に表示するElasticsearch活用法
chimerast
1
3.9k
Other Decks in Programming
See All in Programming
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
120
もう少しテストを書きたいんじゃ〜 #phpstudy
o0h
PRO
18
4.1k
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
9
2.5k
2025.2.14_Developers Summit 2025_登壇資料
0101unite
0
200
Introduction to kotlinx.rpc
arawn
0
770
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
430
負債になりにくいCSSをデザイナとつくるには?
fsubal
10
2.6k
Swift Testingのモチベを上げたい
stoticdev
2
130
CDKを使ったPagerDuty連携インフラのテンプレート化
shibuya_shogo
0
110
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
280
CDK開発におけるコーディング規約の運用
yamanashi_ren01
2
260
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
8
1.4k
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Typedesign – Prime Four
hannesfritz
40
2.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Adopting Sorbet at Scale
ufuk
74
9.2k
Automating Front-end Workflow
addyosmani
1368
200k
A Philosophy of Restraint
colly
203
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Producing Creativity
orderedlist
PRO
344
40k
Making the Leap to Tech Lead
cromwellryan
133
9.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 ఏɹڙ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ