{"repo":"margelo/react-native-graph","free":true,"listed":false,"github":"https://github.com/margelo/react-native-graph","clone":"git clone https://github.com/margelo/react-native-graph.git","description":"📈 Beautiful, high-performance Graphs and Charts for React Native built with Skia","language":"TypeScript","stars":2604,"topics":["animated","animation","beautiful","chart","charts","crypto","graph","graphs","library","linegraph"],"license":"MIT","category":"mobile-apps","readme_excerpt":"📈 react-native-graph Beautiful, high-performance Graphs/Charts for React Native. About react-native-graph is a Line Graph implementation based on the high performance 2D graphics rendering engine \"Skia\". It's used in the Pink Panda Wallet app to power thousands of token graphs every day. 🏎️ Faster and smoother than react-native-svg graphs ⚡️ Native path interpolation in Skia 🐎 Up to 120 FPS animations 📈 Cubic bezier rendering for smoother edges 👍 Smooth pan/scrubbing gesture 💰 Made for crypto apps and Wallets ❌ Does not block navigation, press or scroll animations Installation yarn add react-native-reanimated yarn add react-native-gesture-handler yarn add @shopify/react-native-skia yarn add react-native-graph Usage Configuration animated Whether to animate between data changes. Animations are ran using the Skia animation system and are fully natively interpolated to ensure best possible performance. If animated is false , a light-weight implementation of the graph renderer will be used, which is optimal for displaying a lot of graphs in large lists. Example: --- enablePanGesture Whether to enable the pan gesture. Requires animated to be true . There are three events fired when the user interacts with the graph: 1. onGestureStart : Fired once the user presses and holds down on the graph. The pan gesture activates . 2. onPointSelected : Fired for each point the user pans through. You can use this event to update labels or highlight selection in the graph. 3. onGestureEnd ","default_branch":null,"files":null,"tree":[],"storefront":"/r/margelo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/margelo/react-native-graph/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}