App & Workspace

Analytics Chart

Vercel-style SVG line chart for React and shadcn/ui with a gradient stroke and floating tooltip cards for analytics dashboards.

Updated Oct 1, 2026

Clicks

Conversion analytics

7 points

Sun, Sep 10, 2023

buy-it-now8,420 clicks

Sun, Oct 15, 2023

buy-it-now12,891 clicks

Sun, Dec 10, 2023

buy-it-now21,291 clicks

Sat, Jan 20, 2024

buy-it-now28,530 clicks

Thu, Feb 15, 2024

buy-it-now30,102 clicks

Sun, Mar 10, 2024

buy-it-now33,847 clicks

Wed, Apr 10, 2024

buy-it-now40,171 clicks

Hover points for details

Component API

data — chart data pointsgradientStops — line color stopsdotColors — per-dot overridesgridLines — grid line countpinnedIndices — pinned tooltipsvalueLabel — unit label

Analytics Chart is an SVG line chart component for React and shadcn/ui. Use it for analytics dashboards, usage reports, or traffic overviews where a time series metric needs per-point details.

Installation


pnpm dlx shadcn@latest add @cult-ui/analytics-chart