Rainbow-compatible API

Drop-in replacement for @rainbow-me/react-native-animated-charts.

import { ChartPathProvider, ChartPath, ChartDot, ChartYLabel, ChartXLabel, monotoneCubicInterpolation } from 'react-native-skia-chart';

<ChartPathProvider data={{ points, smoothingStrategy: 'bezier' }}>
  <ChartYLabel style={{ fontSize: 22 }} />
  <View>
    <ChartPath width={w} height={200} stroke="#FD79A8" />
    <ChartDot color="#FD79A8" />
  </View>
</ChartPathProvider>

useChartData() exposes the isActive, originalX, originalY, positionX, positionY and index shared values.