Charts

ApexCharts-based dashboard visualizations covering area, bar, line, donut, radial, and gauge variants.

Preview & Interactive Laboratory

Pipeline Momentum
Activation Velocity
Regional Revenue
Seat Mix
SLA Compliance
Quota Burn

Micro Radial

Usage & Implementation

<AreaChart
  title="Pipeline Momentum"
  categories={["Mon", "Tue", "Wed"]}
  series={[{ name: "Qualified", data: [24, 31, 29] }]}
/>
React / Tailwind

Granular Customization

1

Chart Shell

Use naked mode to embed a chart inside an existing surface, or keep the built-in card wrapper.

className={`naked`}
2

Series

Pass ApexCharts-compatible series arrays.

className={`series={[...]}`}
3

Dimensions

Tune chart density per viewport or dashboard module.

className={`height={280}`}

API Reference (Props)

PropTypeDefaultDescription
titlestring''Optional chart title.
heightnumber350Chart height.
nakedbooleanfalseRender without the built-in card wrapper.