Transform your data into stunning visual stories with this professional chart component. Perfect for dashboards, reports, presentations, and data-driven websites.
Bar Chart
- Gradient-filled bars with rounded corners
- Value labels above each bar
- Responsive bar widths
- Lift animation on hover
Pie Chart
- Beautiful gradient slices with shadows
- Percentage labels inside slices
- Auto-generated legend
- Smooth hover animations
Line Graph
- Gradient color transitions between points
- Filled area under the line
- Grid lines for easy reading
- Glowing effect on hover
Easy Data Entry
- Add unlimited data points
- Set custom colors for each point
- Label and value for every entry
- No coding required
Full Customization
- Typography: Control fonts for title, subtitle, labels, and values
- Colors: Customize background, text, tooltips, and export button
- Display: Toggle labels, values, tooltips, and subtitle
- Accessibility: Built-in ARIA labels and descriptions
Export Anywhere
Export your charts in 5 formats:
- PNG & JPG - High-quality images
- SVG - Scalable vector graphics
- CSV & JSON - Raw data export
Responsive & Performant
- Adapts to any screen size
- Smooth animations
- Optimized SVG rendering
- Fast and lightweight
Professional Tooltips
- Shows label, value, and percentage
- Color-coded borders
- Follows mouse cursor
- Marketing dashboards
- Sales reports
- Analytics presentations
- Portfolio websites
- SaaS applications
- Educational content
- Business presentations
- And more!
1. Drag component to canvas
2. Click to open properties panel
3. Add your data points with colors
4. Customize fonts and colors
5. Toggle display options
6. Done!
Matou Spade
