I totally agree. The explanations of what is passed, expected and generated are so simple. I was feeling kind of down about my limited understanding of React and D3, but this tutorial series has cheered me up. When it is explained well, it's not _that_ complicated.
@@muratorium You are right there, I am on the D3 version 6, my doubt however is that even if I implement it that way, since line's data property consumes an array of the data, like .data([myDataPoints]), the index returned is always 0. I was wondering if I could get the index of each of the data points on the x axis
Hey Pratik, this was the case for the first videos I made, I was a beginner. But I believe that with video 03 onward, the audio quality got better. Thanks for the comment!
Save my sprint. I'm working on crating a pie/donut chart and am still unsure as to how to implement the update/enter call backs. Do i write a map function to map from data array to path component after the join? Do I just place the svg element in the render or svg and G? Where do arcs fit in all of this? So many questions. The tutorial was superb subbed and liked.
Hi Muri, Facing some issue after following this video. The issue is every-time my state changes the line chart with new data is added to the same chart along with the existing line path. Whereas what I am looking for as my state changes I do not want the new path added to the same chart rather I am looking new line chart based on the new state data. What change would I need to make to re-render the whole component. Sample is here vizhub.com/gjonor/e78aa232bf624629854a38340e36679a?edit=files&file=index.js
Rohini Loya Hi Rohini, problem is on line 50. When setting a class, do not say ".line" (with the dot), only use it when selecting elements. Just say .attr("class", "line")
@@muratorium Muri, I really appreciate you replied to my query and solved a problem. I have another problem, cannot be mentioned in brief over here. I would email you. I know it will be quick thing for you.
![Using React (Hooks) with D3 - [03] Axes and Scales](http://i.ytimg.com/vi/yhwHUmjqxQw/mqdefault.jpg)
![Using React (Hooks) with D3 – [03] Axes and Scales](/img/tr.png)
![Using React (Hooks) with D3 - [01] The Basics](/img/n.gif)
Can't thank you enough for these videos, your teaching is superb! I'm so excited to watch the rest
I totally agree. The explanations of what is passed, expected and generated are so simple. I was feeling kind of down about my limited understanding of React and D3, but this tutorial series has cheered me up. When it is explained well, it's not _that_ complicated.
honstly, this is the best d3 tutorial ever
Literally followed this for a code challenge I am working on with my own data coming from an API and it worked like magic. Thank you so much for this
These are such great videos, thank you very much for sharing them !
My pleasure!
Informative. Short. Nice!
crisp and to the point. Thanks!
Great series. Thanks
Thank you Muri, I was wondering how I could get the index of the data points, (index or value) on the click event?
Hi Sohail! I am assuming you are using D3 version 6, please check out my latest video on the channel! (v5 -> v6)
@@muratorium You are right there, I am on the D3 version 6, my doubt however is that even if I implement it that way, since line's data property consumes an array of the data, like .data([myDataPoints]), the index returned is always 0. I was wondering if I could get the index of each of the data points on the x axis
Really helpful content.......Thank you.
great video bro..., keep up the good work , really help me learn react + d3 :love:
Such a work! Can I just ask. Whey when you are visialization circles, .data are without [], but in case of path there are in [data]? Thanks!
This is a very great series. You can increase the volume of this videos and they would become far more better.
Hey Pratik, this was the case for the first videos I made, I was a beginner. But I believe that with video 03 onward, the audio quality got better. Thanks for the comment!
@@muratorium Okay thanks for telling me. I will definitely do watch the remaining of the videos
Best d3 + react videos. Thanks a lot! I've been procrastinating going deep. Is there any other series from you not available on youtube?
Great videos man
I am trying to do this but in react native. Is the syntax the same?
Save my sprint. I'm working on crating a pie/donut chart and am still unsure as to how to implement the update/enter call backs. Do i write a map function to map from data array to path component after the join? Do I just place the svg element in the render or svg and G? Where do arcs fit in all of this? So many questions. The tutorial was superb subbed and liked.
Hi Sir, how to make the SVG full screen in react?
like the way you did
Does this work in react native?
which d3 types version are you using ?
No types, this is not TypeScript
Hi Muri, Facing some issue after following this video. The issue is every-time my state changes the line chart with new data is added to the same chart along with the existing line path. Whereas what I am looking for as my state changes I do not want the new path added to the same chart rather I am looking new line chart based on the new state data. What change would I need to make to re-render the whole component. Sample is here vizhub.com/gjonor/e78aa232bf624629854a38340e36679a?edit=files&file=index.js
Rohini Loya Hi Rohini, problem is on line 50. When setting a class, do not say ".line" (with the dot), only use it when selecting elements. Just say .attr("class", "line")
@@muratorium Muri, I really appreciate you replied to my query and solved a problem. I have another problem, cannot be mentioned in brief over here. I would email you. I know it will be quick thing for you.