Good job William! What tool are you using for your screen recording? Are you using a green background or is it your real office? Nice video it’s really cool!
you might be looking at libraries like notoriousb1t.github.io/polymorph-docs/about.html to prepare the path. Also this is a somewhat updated version of the tutorial: ua-cam.com/video/xeLdmn3se1I/v-deo.html
Hi William, Thanks for sharing this awesome tutorial. I had 1 query. When calling mixPath with d: mixPath(transition.value, previous.value.path, current.value.path), I am getting an error: Cannot read property 'path' of undefined. I did a console log of these values and the value for previous was the data object itself and not having data inside property. Used the exact code as shown in the video. Any idea why that might be happening?
Love your vids. For useSharedValue constants I am getting an error 'TypeError: No default value' and 'TypeError: Object.values requires that input parameter not be null or undefined' 🙁
Hey I like your channel and videos very much! Thanks for great content: would like to know if the 'y' shared value is 'drilling' / is being 'drilled' down to the component?
hey william, I've downloaded Season 4 -> Rainbow Folder, and I ran yarn install but the project cannot start at all but errors. Any suggestions to run this Rainbow project ?
ReText takes reanimated value and will update the screen immediately when the animated value changed. However, if you wrap animated value with , the screen would not know it changed therefore updated value would not get displayed. const price = useDerivedValue(() => { const x = getYForX(graphs[index.value].data.path, translation.x.value); const p = interpolate( x, [0, SIZE], [graphs[index.value].data.minPrice, graphs[index.value].data.maxPrice], );
Here's an updated version of the tutorial: ua-cam.com/video/xeLdmn3se1I/v-deo.html
Dude you are literally THE MAN!! Love your videos, you have such a positive attitude and explain things very clearly. Can't wait for more
Also how to add Y-axis coordinate in the graph
Yes is always the answer! thanks so much for sharing your knowledge :)
YES
IT CAN BE DONE
Hi William, can you also cover the graphql in react native? I know it is not inline with UI. Thanks for giving a lot idea with react native
check ben awad's videos
How do you keep the same number of Bézier curves when you have datasets with different number of points?
❤️
Thank You guys from helping content creators such as myself. Talking about a french connection 😉
@@wcandillon Merci à toi Will ! :D
Fantastic video!
Good job William!
What tool are you using for your screen recording?
Are you using a green background or is it your real office?
Nice video it’s really cool!
Could anyone guide me on how to make the line gradient?? Thanks in advance!
does the example data you use come from an API? if so which api?
Can you do a similar chart using RN skia? Would be nice
it's coming soon :)
How much more complicated does this get if I'm transitioning between lines that have a different number of points?
you might be looking at libraries like notoriousb1t.github.io/polymorph-docs/about.html to prepare the path. Also this is a somewhat updated version of the tutorial: ua-cam.com/video/xeLdmn3se1I/v-deo.html
How to make zoom in chart?
Hi William,
Thanks for sharing this awesome tutorial.
I had 1 query. When calling mixPath with d: mixPath(transition.value, previous.value.path, current.value.path), I am getting an error:
Cannot read property 'path' of undefined. I did a console log of these values and the value for previous was the data object itself and not having data inside property. Used the exact code as shown in the video. Any idea why that might be happening?
can u make rotating globe in d3 geo in rn and zoom to pinch, rotate x and y axis?
Truly remarkable
Love your vids. For useSharedValue constants I am getting an error 'TypeError: No default value' and 'TypeError: Object.values requires that input parameter not be null or undefined' 🙁
me too
Hey I like your channel and videos very much! Thanks for great content: would like to know if the 'y' shared value is 'drilling' / is being 'drilled' down to the component?
Love those videos
hey william, I've downloaded Season 4 -> Rainbow Folder, and I ran yarn install but the project cannot start at all but errors. Any suggestions to run this Rainbow project ?
this is an updated version of this tutorial: ua-cam.com/video/xeLdmn3se1I/v-deo.html
thanks, William
Great video.
I have a question how can I add a gradient below the line?
you need to import : import Svg, {Path, Defs, LinearGradient, Stop} from 'react-native-svg';
then declare :
const Gradient = () => (
);
and to finish just add :
@@youssefalakkad6146 Thank you!
Hello @William Candillon I want add Timestamp also with value please help
Thx william.. 🔥
whats with the ReText? why not just use Text component from react native?
ReText takes reanimated value and will update the screen immediately when the animated value changed. However, if you wrap animated value with , the screen would not know it changed therefore updated value would not get displayed.
const price = useDerivedValue(() => {
const x = getYForX(graphs[index.value].data.path, translation.x.value);
const p = interpolate(
x,
[0, SIZE],
[graphs[index.value].data.minPrice, graphs[index.value].data.maxPrice],
);
Hi William, do you use Expo?
Excellent ❤️
Amazing content
Great!
who else thinks you look very similar to shawn evans the host of First We Feast?
Sure
zen(then), eez(this),zeez(these) 😉😁
yes please
nice vid