You have a wonderful voice for teaching, you're succinct, straight to the material and engaging. I'm a polar bear and you've made this almost as interesting as seals.
I have been struggling with a D3 homework assignment for literal days - this is the first tutorial that has made me feel even remotely hopeful. Thanks for taking the time to make such a great resource!
like most of these comments, I was lost trying to learn D3 and visx for my job, they both don't have enough docs or tutorials, this is the first video that made it look easy
If I could give you 100 thumbs up I would! Wow, you managed to clearly explain the basic d3js concepts with an articulate working example in less than 10 minutes. You are one of the best instructors I've ever come across. Love how you left some code commented out time draw the bottom timeline and then uncommented the code to explain how it shifts to the bottom of the graph area. Many kudos to you!
Great course. I'm fairly new to Javascript so I stumbled over the ` s (The key above the LEFT TAB key and left of the 1 key) being used specifically instead of the ' s (The key between the \, RIGHT SHIFT, /, [ and ; keys) but I could eventually see it in VSCode.
Thank you for your guide, it helped me a lot. But it's unfortunate you didn't explain what some attributes meant such as "d" in the end for example, have a good day ! :)
I'm so glad this was helpful for you. Thank you as well for the wonderful feedback! Just in case anyone else has a similar question: the "d" in .attr("d", line) is an SVG attribute, and we are assigning it the line we defined. to read more about the svg attribute "d" you can check out this site: developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d
I bought a course on udemy for 9 EUR but it doesn't show this simple thing. Thank you very much for the video. It is good to start to learn D3. Maybe you can explain how it can be responsive? So, if I resize the window that the chart is also resizing? This would be really helpful.
![Gunna - HIM ALL ALONG [Official Video]](http://i.ytimg.com/vi/w7Wf0h1Q8a4/mqdefault.jpg)
You have a wonderful voice for teaching, you're succinct, straight to the material and engaging. I'm a polar bear and you've made this almost as interesting as seals.
I have been struggling with a D3 homework assignment for literal days - this is the first tutorial that has made me feel even remotely hopeful. Thanks for taking the time to make such a great resource!
I'm very glad to hear it!
like most of these comments, I was lost trying to learn D3 and visx for my job, they both don't have enough docs or tutorials, this is the first video that made it look easy
If I could give you 100 thumbs up I would! Wow, you managed to clearly explain the basic d3js concepts with an articulate working example in less than 10 minutes. You are one of the best instructors I've ever come across. Love how you left some code commented out time draw the bottom timeline and then uncommented the code to explain how it shifts to the bottom of the graph area. Many kudos to you!
I read a lot about d3js and I had a lot of questions. You managed to clarify them all in a few minutes. Thanks for existing!
Great course. I'm fairly new to Javascript so I stumbled over the ` s (The key above the LEFT TAB key and left of the 1 key) being used specifically instead of the ' s (The key between the \, RIGHT SHIFT, /, [ and ; keys) but I could eventually see it in VSCode.
@@OZTutoh glad you found it helpful. That's a wonderful note. I'll be sure to explicitly call those out in the future! Thank you!
@@datavizdad I'll let know know that there is absolutely nothing out there for making d3.js mobile responsive, which is what I really really want.
I've just been asked to learn D3 for my job. This is an awesome starting point! Thank you very much
So glad it's helpful! I'm nearly done editing the first in a 3 part area chart series which will be up soon as well!
Similar situation for me too! I found this to be a fantastic introduction.
Great tutorial, thanks for putting this together!
Thank you for your guide, it helped me a lot.
But it's unfortunate you didn't explain what some attributes meant such as "d" in the end for example, have a good day ! :)
I'm so glad this was helpful for you. Thank you as well for the wonderful feedback! Just in case anyone else has a similar question: the "d" in .attr("d", line) is an SVG attribute, and we are assigning it the line we defined. to read more about the svg attribute "d" you can check out this site: developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d
@@datavizdad Thank you very much for your fast answer !
soooo underrated!!!!!!!!!!!!!!!!!!!!!
Would be great if the video contains explanation for complex parts like rather than `attr('transform', ...)` css properties. and also the WHY part!!
Awesome. I'm new to d3js.
AMAZING! I LOVE ALL YOUR VIDEOS! PLEASE MAKE MORE TUTORIALS, YOUR THE DATA DAD I WISH I HAD !
Good job, keep it up. Well-explained and succint without wasting time.
Thank you very much! I'm very glad these tutorials are resonating for folks.
clear and concise. thank you!
Thank you!
Wonderful video. Thank you
i love you. this was excellent. 10/10
I bought a course on udemy for 9 EUR but it doesn't show this simple thing. Thank you very much for the video. It is good to start to learn D3. Maybe you can explain how it can be responsive? So, if I resize the window that the chart is also resizing? This would be really helpful.
How do you make the width and height responsive to a container that holds the graph?
You should be able to set width and height to '100%' to achieve this. This way, the svg always fills whichever container it is within
@@datavizdad amazing 🙏
can you make a video on how to add filter to the line chart
Absolutely! Thank you for the suggestion. When I finish recording the tooltip video, I'll add this to the list!
thanks!
Super great!
Thank you!
really helpful thanks!
Thank you! I appreciate you commenting!
thanks so much
Glad you found the video valuable!
I love you.