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.5k
もっとデータ可視化をカジュアルに!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
2
1.2k
Delegatesと拡張関数・拡張プロパティその合わせ技
chimerast
0
610
Kotlin Coroutines と Ktor HTTP Client で作るスケールするタスク実行
chimerast
1
1.5k
UZABASE創業期から10年いるエンジニアから見た「BtoB SaaSのUI/UXってなんだろう?」
chimerast
1
630
暗号通貨の鍵を安全に管理するアーキテクチャを作ってみようとしている話
chimerast
0
310
WhitestormJSを触ってみた
chimerast
0
460
この素晴らしい Vue.js に祝福を!
chimerast
16
11k
RxJava + Vert.x + jOOλ で Microservice的な何かを作ってみた
chimerast
0
2.5k
40億レコード以上のSPEEDA大規模データを超高速に表示するElasticsearch活用法
chimerast
1
3.7k
Other Decks in Programming
See All in Programming
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
Anthropic Cookbook のおすすめレシピ
schroneko
6
650
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
920
Folding Cheat Sheet #3
philipschwarz
PRO
0
120
Code Reviews
bkuhlmann
4
890
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
220
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
240
Elm Form Validation
bkuhlmann
0
510
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
260
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
210
SwiftUI Performance 不要なViewの再描画と更新を抑える
bigamitiongit
1
160
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
22
15k
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Web Components: a chance to create the future
zenorocha
305
41k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
What the flash - Photography Introduction
edds
64
11k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
RailsConf 2023
tenderlove
2
530
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
Design by the Numbers
sachag
274
18k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Facilitating Awesome Meetings
lara
41
5.6k
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 ఏɹڙ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ