AreaChart
ChartsDisplay trends and time series with filled areas and optional gradients.
Revenue Trend
Monthly revenue and profit
Combine a Card and AreaChart with the title and description linked to the chart's accessible name.
bun add @reopt-ai/opt-chartsimport { TrendChart } from "@reopt-ai/opt-charts";Change the width and theme, then interact with the components.
카드 제목과 설명은 차트 영역의 accessible name/description으로 자동 연결됩니다.
Monthly revenue and profit
Number of unique visitors per day
Last 6 months
Display trends and time series with filled areas and optional gradients.
Compare cohort retention using color intensity in a heatmap.
Pair a key metric with a Sparkline to show its value and trend together.
Render report data as line, bar, area, pie, scatter, gauge, funnel, sparkline, or metric widgets.
Wrap Recharts ResponsiveContainer with accessible attributes and consistent chart styling.
Style Recharts tooltips with tooltip semantics and hidden decorative markers through the content prop.