Chart
Comprehensive charting system with 10 chart types (Line, Bar, Area, Pie, Radar, RadialBar, Scatter, Composed, Funnel, Treemap), responsive design, and data transformations
Chart
Recharts-based chart component with Saha UI styling and a config-based API for line, bar, area, pie, donut, and radar charts.
Line charts
Visualize trends over time with single or multi-series line charts.
Monthly Sales
Sales performance over the last 6 months
Weekly Revenue vs Expenses
Financial comparison for the week
Bar charts
Compare values across categories with vertical and stacked bars.
Sales Gradient
Single-series bar chart with gradient fill
Weekly Summary (Stacked)
Revenue and expenses stacked by day
Area, pie & radar charts
Visualize trends, distributions and multi-dimensional metrics.
Sales Trend
Sales by Category
Category Distribution
Performance Metrics
Radar chart for multi-dimensional data
Sizes, variants & states
Control the visual style using size, variant and loading.
Small
Medium
Normal state
Loading state
Loading chart...
Usage Guidelines
When to Use
- Data visualization
- Analytics
- Dashboards
Accessibility
- Data in accessible format
- Labels and legends readable
Performance
- Recharts optimization
- Lazy tooltip rendering
Common Mistakes
- Too many data points
- No legend for multiple series
Frequently Asked Questions
Related Components
View allAffix element to viewport with configurable offset and boundary constraints
Animated collapsible content with controlled expansion, smooth transitions, and accessibility
Resizable panel system with drag handles, min/max constraints, and layout persistence
Custom scrollbar implementation with virtual scrolling, horizontal/vertical modes, and smooth scrolling