This content is exclusive for students
Please login to view this page.
You can still become a student 👇
React for Data Visualization
Learn how to build scalable dataviz components your whole team can understand with React for Data Visualization.
React for Data Visualization gives you a quick overview of the basics to get you started, followed by a deep dive that solidifies your knowledge through varied projects and examples. Build working code that you can show off to your friends, boss, and coworkers.
Learn the basics with interactive examples right in your browser — no need to install anything. Forget about Npm and Webpack and Babel and Node. Just React and D3.
Dive into complex projects that teach you how it all fits together. Build interactive visualizations, create animations, and build fast performance with canvas. Learn everything there is to know about building beautiful apps with React and D3.
From the very basics of React and D3, to state handling with Redux and MobX, React alternatives like Preact and Inferno.
And the best part?
It's all cut into bite sized pieces. Whether you've got 5 minutes or an hour, you can get through this course. That's a promise.
What's in React for Data Visualization
Table of Contents
▶ Introduction (14:22)
▶ A quick intro to D3 (17:15)
▶ How React makes D3 easier (11:46)
▶ Quickly integrate any D3 code in your React project with Blackbox Components (17:29)
▶ Build scalable dataviz components with full integration (24:02)
▶ You're awesome
▶ A note about state and app structure (2:59)
▶ Set up a local environment with create-react-app (1:53)
▶ 176,113 tech salaries visualized – a dataviz dashboard (2:54)
▶ Show a Preloader (6:47)
▶ Load and parse your data (8:26)
▶ Render a choropleth map of the US (20:14)
▶ Render a Histogram of salaries (22:57)
▶ Make it understandable with meta info (20:47)
▶ Add user controls for exploration (18:46)
▶ Make it work in the real world (4:56)
▶ Animation (2:06)
▶ A bouncy ball game loop animation example (6:46)
▶ Use transitions for simple animation (0:27)
▶ Build a swipe transition component (7:58)
▶ Enter-update-exit animation
▶ Animating with React, Redux, and D3
▶ Speed optimizations
▶ Using canvas
▶ Smooth animation with 20,000+ elements
▶ Build a small interactive canvas game
▶ Speedy React Alternatives
▶ Refactor your components with React Hooks (35:42)
▶ Powerful animation with transitions and game loops combined (20:56)
▶ You finished! 🚀
▶ Cookbook: Various visualizations and how to build them
Start owning features like a pro
Buy once forever yours.
How React makes D3 easier
Quick React+D3 integration
Scalable dataviz components with full integration
3 extra projects you can use as a cookbook
Monthly livestream of a real dataviz project
Money-back guarantee
Yours forever
FULL COURSE
+ 1on1 call
D3 the good parts
How React makes D3 easier
Quick React+D3 integration
Scalable dataviz components with full integration
React, D3, and hooks
Detailed walkthrough of a large dataviz dashboard project
Game loop animation
Animating with transitions
Hybrid animation for complex interactions
Enter/update/exit animation
Redux and MobX basics
Rendering to Canvas
Refactoring to React Hooks
All extra projects you can use as a cookbook
Monthly livestream of a real dataviz project
Money-back guarantee
Yours forever
D3 the good parts
How React makes D3 easier
Quick React+D3 integration
Scalable dataviz components with full integration
React, D3, and hooks
Detailed walkthrough of a large dataviz dashboard project
Game loop animation
Animating with transitions
Hybrid animation for complex interactions
Enter/update/exit animation
Redux and MobX basics
Rendering to Canvas
Refactoring to React Hooks
14 extra projects you can use as a cookbook
Monthly livestream of a real dataviz project
Money-back guarantee
Yours forever
30 day moneyback guarantee.