Real-Time Data Visualizations with D3 and Firebase

on YouTube ↗38m

" summary

Shows how to build real-time data visualizations by combining Firebase for live data collection and D3.js for rendering charts. Demonstrates capturing audience questions during the talk into Firebase and driving dynamic visualizations with D3 based on those real-time inputs.

AI-written summary · about

" chapters (12)

1. 0:00Welcome
2. 1:22Speaker context
3. 3:29Big data problem
4. 6:18Infographics vs visuals
5. 10:07What is D3.js
6. 13:14D3 chart examples
7. 17:35Real-time visuals
8. 21:08Real-time data use cases
9. 24:05Introduction to Firebase
10. 26:14Interactive chart examples
11. 31:58D3 and Firebase integration
12. 33:21Q&A

" related talks

• 27mFirebase: Making Real-time a RealitySuhavi Sandhu · Women Data Summit 2021
• 15mThe Future of Data Visualization on the WebAlan Mendelevich · You Gotta Love Frontend 2019
• 35mCreate Amazing Data Visualization with D3.jsHouda Mouttalib · BlaBlaConf 2021
• 49mCreating Interactive Visualizations with D3.js and ReactNataliya Stepanova · HolyJS 2022 Spring
• 48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScriptR King · Philly ETE 2015
• 21mData Visualizations with React + D3Swizec Teller · Reactathon 2018
• 51mD3 js: Easy and flexible data visualisation using Web standardsJos Dirksen · Devoxx Belgium 2017
• 32mD3 and React, TogetherShirley Wu · React Amsterdam 2018