Line Chart

A chart that displays information as a series of data points connected by straight line segments.

Storybook

Recharts Docs

Source

Automatic Installation

This method is still working on progress, please use manual installation for now.

npm install radix-ui

components/line-chart/line-chart.tsx

import { type LineChartStyles, lineChartStyles } from './line-chart.css'
 
const LineChart = () => {
  return null
}
 
export { LineChart }

import {} from '#/components/line-chart'

Browse the Storybook for more examples.

// WIP