Need help with creating zoomable line chart in React Native Skia

[caspg]

Hey there,

I'm trying to create zoomable line chart (only along X axis) in React Native Skia. I created pinch gesture based on this (https://github.com/Shopify/react-native-skia/blob/main/example/src/Examples/Stickers/GestureHandler.tsx#L48) and it works perfect.

Now, I'm trying to enforce constraints. I want to allow to zoom out, only to the initial position. I've tried limiting scale but sometimes chart is moved (along x axis).

I'm trying to do something like in this d3 example: https://observablehq.com/@d3/zoomable-area-chart?collection=@d3/d3-zoom

Any points how can I approach that?