Previous Bar Chart Next Pie Chart

Line Chart

Single and multi-series line chart with tooltips.

This page is a scaffold for the Line Chart component. Build the live markup, Alpine.js interactions, and DaisyUI/Tailwind classes here, then replace this placeholder block with the real preview + code snippet.

Planned variants & states to implement:

  • Single line
  • Multi-line
  • Smooth curves
  • Data point dots
  • Threshold / goal line
  • Zoom & pan
  • Tooltip crosshair
10

KPI Card

Key performance indicator tile with value, label, and trend arrow.

Statistics Card

Metrics card with icon, primary value, and period comparison.

Revenue Widget

Revenue summary panel with totals and sparkline chart.

Sales Widget

Sales funnel or period-over-period sales summary.

Orders Widget

Recent orders list with status badges and quick view.

Bar Chart

Vertical and horizontal bar charts via Chart.js.

Chart.js

Pie Chart

Pie and donut chart with legend and hover details.

Chart.js

Area Chart

Filled area chart for trend and volume visualization.

Chart.js

Sparkline

Inline mini chart for embedding trends inside cards and tables.

Activity Feed

Real-time or paginated list of system/user activity events.
Previous Bar Chart Next Pie Chart