Data Visualization with D3 – Full Course for Beginners [2022]

Ecommerce Empire Academy

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:

30 thoughts on “Data Visualization with D3 – Full Course for Beginners [2022]”

  1. 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.

    1. Ashutosh Kumar

      @E * Yes it’s explained. My bad, should have watched it a little before asking.

  2. 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.

  3. 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

    1. 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.

  4. 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!

  5. 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.

  6. Rhys Sheridan

    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.

  7. Love Curran! I learnt a lot from previous series. Thank God, Curran made every tutorials at the time I am in need.

  8. 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❤️

  9. 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

  10. Daniel Spencer

    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❤️

  11. 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 🙂

  12. I wish you could provide such as complete tutorial for using d3 js in vue js framework

  13. 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.

  14. Angel Eliseo Limas Colunga

    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.

Comments are closed.