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.7k
Delegatesと拡張関数・拡張プロパティその合わせ技
chimerast
0
690
Kotlin Coroutines と Ktor HTTP Client で作るスケールするタスク実行
chimerast
1
1.7k
UZABASE創業期から10年いるエンジニアから見た「BtoB SaaSのUI/UXってなんだろう?」
chimerast
1
750
暗号通貨の鍵を安全に管理するアーキテクチャを作ってみようとしている話
chimerast
0
370
WhitestormJSを触ってみた
chimerast
0
500
この素晴らしい Vue.js に祝福を!
chimerast
16
11k
RxJava + Vert.x + jOOλ で Microservice的な何かを作ってみた
chimerast
0
2.6k
40億レコード以上のSPEEDA大規模データを超高速に表示するElasticsearch活用法
chimerast
1
3.8k
Other Decks in Programming
See All in Programming
よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai
izumin5210
6
1.7k
Tauriでネイティブアプリを作りたい
tsucchinoko
0
370
GitHub Actionsのキャッシュと手を挙げることの大切さとそれに必要なこと
satoshi256kbyte
5
430
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
600
Jakarta Concurrencyによる並行処理プログラミングの始め方 (JJUG CCC 2024 Fall)
tnagao7
1
290
Ethereum_.pdf
nekomatu
0
460
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
1.5k
みんなでプロポーザルを書いてみた
yuriko1211
0
260
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
9
3.3k
Snowflake x dbtで作るセキュアでアジャイルなデータ基盤
tsoshiro
2
520
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
350
Arm移行タイムアタック
qnighy
0
320
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Done Done
chrislema
181
16k
The World Runs on Bad Software
bkeepers
PRO
65
11k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Practical Orchestrator
shlominoach
186
10k
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 ఏɹڙ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ