Template-first Data Visualizations
summary
Asserts a template-first workflow where Ember templates hold SVG markup while D3 supplies math and helpers; scales and axes come from d3.scaleBand and d3.axis, averages use d3.mean, and axes are mounted via a DOM modifier so the template stays authoritative. Builds working examples: a bar chart and a Marimekko variant, CSS handles simple animations, complex transitions use ember-concurrency plus d3.interpolate and requestAnimationFrame. Result: slightly more code but clearer separation and interoperable, accessible visuals.
AI-written summary · about
chapters (8)
- 0:00Start
- 1:20How Ember has changed
- 2:13Let's start with a bar chart
- 8:13Refactor re-cap
- 13:08A product designer walks by...
- 18:34Navigating the world of web-based data viz
- 19:49That bar chart, one last time.
- 27:12Coordination is a concurrency problem So how about Ember Concurrency
related talks
22mDynamic Graphic Composition in Ember
21mBootstrap your dashboard the right way
31mCompose Yourself with Ember and D3
28mSVG Animation and Interaction in Ember
28mGetting Started with D3.js
24mBeyond the bar graph: Creative visualization with D3.js
48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScript
51mD3 js: Easy and flexible data visualisation using Web standards