Line Chart
Track evolving metrics and dynamic changes using clear, continuous line plots.
Install the Line Chart component using the nocta-ui CLI:
npx @nocta-ui/cli add line-chart
Import the component:
import {
LineChart,
LineChartHeader,
LineChartTitle,
LineChartDescription,
LineChartActions,
LineChartGraph,
LineChartLegend,
LineChartDataTable,
LineChartDataTableContent,
} from '@/components/ui/line-chart';
Examples
Default Line Chart
Compare multiple series
Data table summary
API Reference
LineChart
LineChartGraph
LineChartTitle
LineChartDescription
LineChartActions
LineChartLegend
LineChartDataTable
LineChartDataTableContent