Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
10 Hour(s) 23 Minute(s)
Language
English
Taught by
The Net Ninja (Shaun Pelling)
Rating
3 views
Course Overview
Learn how to use D3 (v5) & Firebase (Firestore) to create dynamic SVG data visualizations. Bar charts, pie charts...
Learn how to create great-looking data visualizations with D3.js
D3.js is a powerful JavaScript library used to create data visualizations easily. In this course I'll teach you how to harness the power of D3 to create a variety of different data-driven visualizations such as bar charts, pie charts, line graphs, bubble packs and tree diagrams.
We'll learn about D3 select, changing SVG attributes & styles, scales, axes, transitions, hierarchial data and much more...
Use Firebase Firestore to update your D3.js diagrams in real-time
I'll also teach you how to use Firestore (from Google Firebase) - a real-time NoSQL database in which we can store our data. We'll use this to power our D3.js visualizations in real-time (without updating the browser) and to make them interactive, fun & dynamic.
We'll also be creating 3 projects to put our D3 & Firebase skills to the test - first of all a money planner called Ninja Wonga, then a fitness tracker called The Dojo and finally a company employee tree diagram called Ninja Corp.
...Why all the ninjas?
I'm also known as the Net Ninja on YouTube, with over 200,000 subscribers and nearly 1000 free development tutorials. Feel free to check out my teaching style there before you a buy my course :).
Course Content
- 10 section(s)
- 107 lecture(s)
- Section 1 Course Introduction
- Section 2 SVG and D3 Basics
- Section 3 Using Data with D3
- Section 4 Scales & Bar Charts
- Section 5 Firestore Database
- Section 6 The D3 Update Pattern
- Section 7 D3 Transitions
- Section 8 Project One - Donut Chart (Budget Planner)
- Section 9 User Interaction & Events
- Section 10 Project Two - Fitness Tracker (Line Graphs)
What You’ll Learn
- Learn D3 JS & Firebase (Firestore) from the ground up
- Create data-driven visualizations (graphs, charts, diagrams) with D3 JS
- Store (and retrieve) data in a real-time database called Firestore (from Firebase)
- Updata data visualizations in real-time with Firestore
- Create 3 projects with D3 and Firebase (Firestore)
Reviews
-
IIbrahima S Barry
very excellent course
-
KKenneth Ballon
I am not sure if this is old course but I am learning. If there would be a refresh for the year 2025, I will again buy it. I'm not sure what's new now with D3 and firebase as well.
-
OOlga Goncharuk
It is great course. Well explained ad easy to follow.
-
TTianyi Zhou
It is definitely a good course, net ninja explains everything well, and teaching assistant responds in the Q&A timely. It is hard to learn d3 at the beginning, but if you code along and practice the diagrams without referring back the source codes, you can progress quickly. The reason why I am not rating a 5-star is only because I think net ninja can refer to documentation more, he basically teaches and tells you everything directly. But anyway, it is a great class and i highly recommend!
