Skip to main content
GitHub

Charts

Dependency-free SVG bar, line, area, donut, sparkline and funnel charts.

@kineticui/uimotion
Revenue vs expenses
RevenueExpenses
$0k$25k$50k$75k$100kJanMarMayJulSepNov
Signups by channel
OrganicPaidReferral
050100150200JanFebMarAprMayJunJulAug
Traffic sources
9.6kVisits
  • Search50%
  • Direct23%
  • Social17%
  • Email10%
Checkout funnel
Visited
12.4k
100%
Added to cart
4.2k
34%
Checkout
2.1k
50%
Purchased
1.4k
65%
Latency p50 / p95 (ms)
p50p95
01252503755000:003:006:009:0012:0015:0018:0021:00

Installation

Copies the source into your project so you can edit every line.

$ npx @kineticui/cli add charts

Exports

BarChartLineChartAreaChartDonutChartSparklineFunnelChart

Source: packages/ui/src/components/charts.tsx