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.8k
もっとデータ可視化をカジュアルに!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
JAWS Days 2025のインフラ
komakichi
1
180
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
120
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
160
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
560
はじめての Go * WASM * OCR
sgash708
1
120
PRレビューのお供にDanger
stoticdev
1
240
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
210
iOSでQRコード生成奮闘記
ktcryomm
2
120
バッチを作らなきゃとなったときに考えること
irof
2
550
Webフレームワークとともに利用するWeb components / JSConf.jp おかわり
spring_raining
1
130
kintone開発を効率化するためにチームで試した施策とその結果を大放出!
oguemon
0
320
Jakarta EE meets AI
ivargrimstad
0
620
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Navigating Team Friction
lara
183
15k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
GraphQLとの向き合い方2022年版
quramy
44
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Music & Morning Musume
bryan
46
6.4k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Visualization
eitanlees
146
15k
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 ఏɹڙ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ