Learn data visualization with D3.js. D3 is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.
This course is an edited collection of live streams taught by Dr. Curran Kelleher. He is one of the top D3 instructors in the world. He has a Ph.D. in Computer Science, and has taught at universities including MIT.
✏️ Check out Dr. Curran Kelleher's channel:
⭐️ Course Resources ⭐️
🔗
🔗
⭐️ Course Contents ⭐️
⌨️ (00:00:00) Introduction
⌨️ (00:06:16) SVG Fundamentals
⌨️ (01:05:11) Pseudo Visualizations
⌨️ (02:16:26) Sol LeWitt in Vanilla JS
⌨️ (03:32:31) Sol LeWitt in D3
⌨️ (05:08:31) D3 Selections
⌨️ (06:43:11) JavaScript Modules & Build Tools
⌨️ (08:04:07) Productizing a Codebase
⌨️ (10:25:28) Scatter Plot
⌨️ (11:56:28) Reusable Charts
⌨️ (13:28:27) Dynamic Charts
⌨️ (15:07:37) Charts with Menus
⌨️ (16:35:23) Quantitative and Categorical
⌨️ (18:17:35) Closing the Series
—
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
And subscribe for new videos on technology every day:
I wish there were better resources on SVG manipulation. Like, truly creating visualisations from scratch by tying the properties of vector objects to data, scale masks, colours. There’s so much you can do when someone truly grasps SVG’s. Can even tie it to various states and phases in web interactions.
I see there and opportunity for you to tak on
@WelcomeToMathy tc voi fight
Thanks for giving the jargon a language.
What are new additions in this course compared to one you did last time?
It is literally explained from the first minute.
@E * Yes it’s explained. My bad, should have watched it a little before asking.
I am extremely elated to see this on my youtube recommendations. I’ve been following Curran from the previous course and really enjoyed his teaching style.
Thank you so much!
Did a D3.js elective at University and it was the absolute best subject in my entire 4 year Computer Science degree so I’m really looking forward to further advance my learning with Curran
You are so lucky to have a d3 elective. Could you please point out the uni? Maybe I will be able to find some study material it ould help me a lot.
191/2 hours. Record broken. That’s me up all night. For 3 weeks, cos’ I need a few repeats before I start getting it. Apart from the deleterious effect on my health this is going to have, I am very grateful for this generous resource on a subject I have really been meaning to get schooled in. Thank you!
Same, I lost a lot of weight due to this lol
Same here! Let’s make a support group!
@José Amador Well, Curran Kelleher is a Doctor so perhaps he can help.
I have registered for a Data Visualisation course in my University for the Fall 2022 semester, it’ll be completely taught in d3. So this course would help me a lot.
Such a good instructor. Thanks a lot for this
Edited: Really productive session, and the way it is formatted to include people that includes the instructor.
Love Curran! I learnt a lot from previous series. Thank God, Curran made every tutorials at the time I am in need.
Thanks a ton!
Excellent course!
This and previous one with React really help me a lot with my current course in the college. Thank you so much Curran and freeCodeCamp❤️
As a tired grad student you have my thanks.
Curran you’ve released this course thrice now! I REALLY request you to make a version where you show things from scratch including how to set all this up in visual studio on a local machine or even better on a cloud platform. I’m willing to pay for that course if needed because I understand the need for monetization
This and previous one with React really help me a lot with my current course in the college. Thank you so much Curran and freeCodeCamp❤️
06:55:00 – working outside of Vizhub – JS in HTML
Edit: More specifically 07:38:50
I started to do it earlier (in Visual Studio, with React and Nodemon) because I had some prior knowledge – but if you’re just starting the video don’t worry he’ll get to a way you can use. Happy Coding 🙂
I wish you could provide such as complete tutorial for using d3 js in vue js framework
Man. I learn a lot listening to this guy explains things. And I don’t just mean D3. I mean when he explains stuff along the way, like bundles, npm, ect… Questions format is great as well. I can expect people coming up with questions when I got them as well. I would welcome more from this instructor with the same format.
Hello, it would be great if author can review the theory a bit on SGML, HTML, XML, XHTML and SVG, I think it will be very cleary if they actually review a bit what is behind.
Once he get cleared what a meta-language is he will be able to explain a bit better the introduction.
Such a good instructor. Thanks a lot for this
This guy is awesome. I’ve learned a lot from his videos.