Getting Started with D3.js

on YouTube ↗28m

" summary

D3.js binds a five-item dataset to DOM nodes with the enter/update/exit data join, uses scales and axes to map values, and renders an SVG bar chart with transitions and click/hover handlers. The presenter live codes a working bar chart (live debugging and missing returns cause hiccups), adds tooltip and sorting, and contrasts SVG vs canvas and v4 modular API with breaking-change annoyances. Examples actually render and animate rather than remaining conceptual.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 3:14Hello World
3. 3:53Adding Data
4. 5:52Enter, Update, Exit
5. 6:52Scalable Vector Graphics
6. 7:45Start Drawing

" related talks

• 51mD3 js: Easy and flexible data visualisation using Web standardsJos Dirksen · Devoxx Belgium 2017
• 48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScriptR King · Philly ETE 2015
• 24mBeyond the bar graph: Creative visualization with D3.jsJoanne Cheng · FutureJS 2014
• 42mIntroduction to d3 and Data-Driven ChartsMiguel Ángel Díaz · Commit Conf 2018
• 32mD3 and React, TogetherShirley Wu · React Amsterdam 2018
• 26mHooked on D3: Creating Animated Ch(art)s with D3 and ReactMonica Wojciechowska · Nordic.js 2019
• 21mBootstrap your dashboard the right wayAlexis Falaise · EmberFest 2022
• 35mCreate Amazing Data Visualization with D3.jsHouda Mouttalib · BlaBlaConf 2021