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
Ember D3 EmberNYC
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
heyjin kim
June 21, 2014
Technology
1
190
Ember D3 EmberNYC
heyjin kim
June 21, 2014
Tweet
Share
More Decks by heyjin kim
See All by heyjin kim
Ember with D3 for Data Visualization
heyjinkim
0
220
Other Decks in Technology
See All in Technology
Application Performance Optimisation in Practice (60 mins)
stevejgordon
0
110
AWS Devops Agent ~ 自動調査とSlack統合をやってみた! ~
kubomasataka
3
330
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
0gm
0
590
IaaS/SaaS管理における SREの実践 - SRE Kaigi 2026
bbqallstars
4
1.4k
SMTP完全に理解した ✉️
yamatai1212
0
180
CDK対応したAWS DevOps Agentを試そう_20260201
masakiokuda
1
130
全員が「作り手」になる。職能の壁を溶かすプロトタイプ開発。
hokuo
1
670
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
rocketmartue
1
260
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
khmoryz
0
120
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
200
Introduction to Bill One Development Engineer
sansan33
PRO
0
360
ゼロから始めたFindy初のモバイルアプリ開発
grandbig
2
640
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
40
2.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Leo the Paperboy
mayatellez
4
1.4k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
130
The Curse of the Amulet
leimatthew05
1
8.1k
Navigating Weather and Climate Data
rabernat
0
89
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
150
How STYLIGHT went responsive
nonsquared
100
6k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
93
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
440
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.8k
Transcript
Ember with D3 @EmberNYC Heyjin Kim Ember Princess Engineer, SimpleReach
@heyjinkim @ember_princess
[email protected]
None
video & slide
• Ember Component • Separate Concerns • Data Bindings &
Observers • Ember Inspector • Productivity Why Ember?
http://bl.ocks.org/mbostock/3885304 D3 Code
http://bl.ocks.org/mbostock/3885304 D3 Code scales render svg data Everything is one
place! domains
http://bl.ocks.org/mbostock/3885304 D3 in Ember Separate Concerns! (MVC) d3 code data
render svg scales & domains
Examples
Reusable Charts http://jsbin.com/tinifewa/4/edit
Updating Data with Multiple Components http://jsbin.com/zeferipe/4/edit
None
• Ember Component • Separate Concerns • Data Bindings &
Observers • Ember Inspector • Productivity Why Ember?
Ember Component {{donut-chart content=content width=255 height=255}} {{donut-chart content=content_1 width=22 height=22}}
{{bar-chart content=content}} {{donut-chart content=content_2 width=22 height=22}} {{donut-chart content=content_3 width=22 height=22}} {{donut-chart content=content_4 width=22 height=22}} {{donut-chart content=content_5 width=22 height=22}}
Template ! rendering DOM Separate Concerns DATA! ! [82, 79,
143, 191] Ember Component handling DATA updating DOM ! CSS 0 50 100 150 200 April May June July D3 code scales & domains
Data Bindings & Observers
Ember Inspector
Productivity
THANK YOU! @heyjinkim @ember_princess ! http://heyjinjs.us
[email protected]