react-native-svg-charts/src/line-chart/line-chart.js

Customizable charts (Line, Bar, Area, Pie, Circle, Progress) for React Native

import * as shape from 'd3-shape'
import Chart from '../chart/chart'

class LineChart extends Chart {
    createPaths({ data, x, y }) {
        const { curve } = this.props

        const line = shape
            .line()
            .x((d) => x(d.x))
            .y((d) => y(d.y))
            .defined((item) => typeof item.y === 'number')
            .curve(curve)(data)

        return {
            path: line,
            line,
        }
    }
}

LineChart.propTypes = {
    ...Chart.propTypes,
}

LineChart.defaultProps = {
    ...Chart.defaultProps,
}

export default LineChart