Visualising Enterprise Data with Angular & d3

on YouTube ↗22m

" summary

Demo shows a working Angular app that reads Olympic tables (2000–2012) and turns them into interactive charts using Angular & d3; raw tables remain available and visuals expose that the US nearly doubles Russia overall and triples in golds, and lists the top‑10 athletes. Code includes a grid, chart components, a service, and a GitHub repo; highlights concrete d3 pitfalls like enter/exit selection and linear and ordinal scales, plus bottom‑aligned bars — everything runs live.

AI-written summary · about

" chapters (8)

1. 0:00Intro
2. 1:05Data is King
3. 2:12Olympic Data
4. 3:56What is Visualization
5. 4:57Demo
6. 9:03Using d3
7. 13:09Enter
8. 16:52Scales

" related talks

• 21mVisualising Enterprise Data with D3Sean Landsman · JSConf EU 2018
• 48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScriptR King · Philly ETE 2015
• 01h 55mUse your data to tell storiesAstrid Belder, Charalampos Xanthopoulakis · Devoxx Belgium 2019
• 51mD3 js: Easy and flexible data visualisation using Web standardsJos Dirksen · Devoxx Belgium 2017
• 38mStorytelling with your dataAyşegül Yönet · Strange Loop 2016
• 15mThe Future of Data Visualization on the WebAlan Mendelevich · You Gotta Love Frontend 2019
• 47mData Sketches: a year of exotic data visualizationsNadieh Bremer · CSS Day + UX Special 2018
• 43mData Sketches | A year of exotic data visualizationsNadieh Bremer · Render Conference 2018