nivo-simple-line

nivo-simple-line-data.ts

type data = Array<{
  id: string
  data: Array<{
    x: string
    y: string
  }>
}>

nivo-simple-line.jsx

<Line
  width={900}
  height={400}
  margin={{ top: 20, right: 20, bottom: 60, left: 80 }}
  data={data}
  xScale={{
    type: 'linear',
    min: 0,
    max: 'auto',
  }}
  axisLeft={{
    legend: 'linear scale',
    legendOffset: 12,
  }}
  axisBottom={{
    legend: 'linear scale',
    legendOffset: -12,
  }}
  animate
  enableSlices="x"
  curve="monotoneX"
 />