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?
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!
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: th-cam.com/video/xeLdmn3se1I/w-d-xo.html
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: th-cam.com/video/xeLdmn3se1I/w-d-xo.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
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
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
Also how to add Y-axis coordinate in the graph
How do you keep the same number of Bézier curves when you have datasets with different number of points?
YES
IT CAN BE DONE
Fantastic video!
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
Could anyone guide me on how to make the line gradient?? Thanks in advance!
Truly remarkable
Can you do a similar chart using RN skia? Would be nice
it's coming soon :)
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?
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: th-cam.com/video/xeLdmn3se1I/w-d-xo.html
does the example data you use come from an API? if so which api?
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!
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: th-cam.com/video/xeLdmn3se1I/w-d-xo.html
can u make rotating globe in d3 geo in rn and zoom to pinch, rotate x and y axis?
Love those videos
How to make zoom in chart?
Excellent ❤️
Thx william.. 🔥
Amazing content
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
Great!
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
Hi William, do you use Expo?
who else thinks you look very similar to shawn evans the host of First We Feast?
nice vid
yes please
zen(then), eez(this),zeez(these) 😉😁
Sure