Compose Yourself with Ember and D3
summary
Shows how d3 shape and Ember components produce reusable, composable charts: data loads in routes, controllers map raw Influx-style arrays to timestamp/value pairs, computed scales convert domains to pixels, and contextual components yield plot primitives. Demonstrates 95th-percentile and extent calculations, reproduces an anomaly where response time drops while throughput stays ~8,000 req/min due to load‑balancer errors, and ships an Ember add‑on called maximum plaid that already renders working line and scatter plots.
AI-written summary · about
chapters (9)
- 0:00Start
- 1:44What is a data visualisation?
- 2:14High level charting library
- 2:52Efficiency
- 4:51Separation of concerns
- 5:52Single Responsibility Principle
- 7:52Expressiveness
- 11:41Theory of Graphics
- 24:18Boilerplate
related talks
22mDynamic Graphic Composition in Ember
33mTemplate-first Data Visualizations
22mUsing Ember to Make the Seemingly Impossible Easy
22mUsing Ember to Make the Seemingly Impossible Easy
31mCrafting Web Comics with Ember
28mCrafting Web Comics with Ember
46mArt and Science of Shipping Single Page Apps with Ember.js
36mPanel: Ember at Scale