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 :).
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)
5 Lectures
10 Lectures
5 Lectures
8 Lectures
4 Lectures
8 Lectures
5 Lectures
16 Lectures
6 Lectures
17 Lectures
5 Lectures
12 Lectures
1 Lectures
A Little About Me...Hey gang, my name's Shaun and since a young age I've had an obsession for nearly anything tech-related. I've been coding since about the age of 15 (half of my life, now...phew!) and work as a full-stack web developer and online instructor.I also run a well-known development tutorial YouTube channel called The Net Ninja with nearly 1...
Great explanations!
Very easy to digest!
If it were the latest version, or combined with ReactJS, the course would be amazing!
great course
Videos are not upgraded with the latest D3 version, and lack of a backend demo besides only BaaS setup. Overall, a great course for beginners.
This is a great introductory course into using d3. Shaun does a great job of walking you along every line of code as he creates it himself. If you have any issues the teaching assistant Zhenmao is quick to respond as he helped me personally with some questions I had. For future users, sections 13-15 have useful tips for things that occur earlier in the course. I would recommend looking through those before going into section 5. I look forward to utilizing my skills obtained through this course.
Thanks Shaun for creating this wonderful course and Thanks Zhenmao for solving all the doubts
The contents have been difficult at times, but his explanations were clear on the whole. I will watch this course again.
It is a great course. He taught the all the concepts to greater detail and was very helpful. Thanks.
This is definitely one of the best courses I have bought and completed on Udemy. Shaun is engaging, the material may be a little dated now, but it's easy to get up to the latest d3 versions and you learn a good variety and much valued repetition of patterns to hit your goals.
If you want to do programmatic data-viz then this is a good course. I only wish it was 20 hours and 10 more visualisations deep. Great stuff.
Very easy to follow guides. I had zero prior knowlege of js, but I was able to follow the lectures. Furthermore, I used the latest version of Firestore, where they recommend to use modules instead. Nonetheless, I was able to follow Shaun's lecture! Thank you for introducing me to d3, Shaun! I'm excited for the new visualizations that you're going to introduce!
Your email address will not be published. Required fields are marked *
Ajaz R.
no