Really liking this series, you are easy to listen to and explain things very well. Any tips on marking the x axis for a gague chart? I've been trying to add a start value and end value and current value as a hover.
Thank you Eddcakes! I would suggest you use this little library, if you don't want to worry about it too much, as D3 doesn't provide something like this out of the box: github.com/vasturiano/d3-radial-axis But if you do wanna create your own axis, you need to rotate each label, and then translate it to the correct position. And that position you would have to calculate with .centroid() and a "fictional arc" you just use for positioning. A good example for that calculation is this one: bl.ocks.org/dbuezas/9306799 The "outerArc" in that example is the "fictional arc" that is just used to position the labels, and it is never used to render anything.
Btw when I tried to use the gauge chart is not working , it says this "TypeError: svg.selectAll(...).data(...).join is not a function" I change it to .enter().append("path") like that it doesnt crash but the chart doesnt reload with the changes This is my repository github.com/javierfuentesm/BebeProtector
![Using React (Hooks) with D3 - [08] Breaking Bad Timeline](http://i.ytimg.com/vi/c849NW2qnS8/mqdefault.jpg)
![Using React (Hooks) with D3 – [08] Breaking Bad Timeline](/img/tr.png)
![Using React (Hooks) with D3 - [01] The Basics (Remastered)](http://i.ytimg.com/vi/Y-ThTzB-Zjk/mqdefault.jpg)
![Using React (Hooks) with D3 - [09] Racing Bar Chart](/img/n.gif)
You are giving such valuable and expensive information, just for free and very few people could come across.
Wow. I was seeking for how to use Teachable Machine in React JS, finally found this video. Love this work! Fantastic.
Loved this one. Learning new hook useInterval, ML5 and teachable machine. Wow
Hi , this was really useful , thank you very much , do you how can I use the model of tensorflow js generated by techable machine without using ml5 ?
Really liking this series, you are easy to listen to and explain things very well. Any tips on marking the x axis for a gague chart? I've been trying to add a start value and end value and current value as a hover.
Thank you Eddcakes!
I would suggest you use this little library,
if you don't want to worry about it too much,
as D3 doesn't provide something like this out of the box:
github.com/vasturiano/d3-radial-axis
But if you do wanna create your own axis, you need to rotate each label, and then translate it to the correct position.
And that position you would have to calculate with .centroid() and a "fictional arc" you just use for positioning. A good example for that calculation is this one:
bl.ocks.org/dbuezas/9306799
The "outerArc" in that example is the "fictional arc" that is just used to position the labels, and it is never used to render anything.
so i have a weird problem..
its not working even ater i download the zip file from the github
my bad its working.. but didnt understand.. can i skip this one video?
Btw when I tried to use the gauge chart is not working , it says this "TypeError: svg.selectAll(...).data(...).join is not a function" I change it to .enter().append("path") like that it doesnt crash but the chart doesnt reload with the changes
This is my repository github.com/javierfuentesm/BebeProtector
sir please add needle with transition to show value its important.
this써야하는 예시가 나오는 영상