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' 🙁
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?
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?
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
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 ?
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!
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
Also how to add Y-axis coordinate in the graph
Excellent ❤️
Great!
Sure
How to make zoom in chart?
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
who else thinks you look very similar to shawn evans the host of First We Feast?
Hello @William Candillon I want add Timestamp also with value please help
How do you keep the same number of Bézier curves when you have datasets with different number of points?
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
YES
IT CAN BE DONE
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
Can you do a similar chart using RN skia? Would be nice
it's coming soon :)
Yes is always the answer! thanks so much for sharing your knowledge :)
❤️
Thank You guys from helping content creators such as myself. Talking about a french connection 😉
@@wcandillon Merci à toi Will ! :D
Could anyone guide me on how to make the line gradient?? Thanks in advance!
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?
does the example data you use come from an API? if so which api?
Thx william.. 🔥
can u make rotating globe in d3 geo in rn and zoom to pinch, rotate x and y axis?
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?
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
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
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!
zen(then), eez(this),zeez(these) 😉😁
Fantastic video!
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],
);
thanks, William
Love those videos
Amazing content
Truly remarkable
yes please
nice vid
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!
Hi William, do you use Expo?