Docs
Illustration Graph
Graph illustration component
Pro workflow
Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.
Get ProSource code is available for Pro members.
Upgrade to copy and use these components in your projects.
View pricing| Prop | Type | Description |
|---|---|---|
| width | number | SVG width |
| height | number | SVG height |
| backgroundColor | string | Background color |
| borderColor | string | Border color |
| cardFill | string | Card fill color |
| cardStroke | string | Card stroke color |
| gridLineColor | string | Grid line color |
| primaryLineColor | string | Primary line color |
| errorLineColor | string | Error line color |
| errorBadgeColor | string | Error badge background color |
| errorBadgeTextColor | string | Error badge text color |
| highlightAreaColor | string | Highlight area fill color |
| highlightBorderColor | string | Highlight area border color |
| textColor | string | Text color |
| mutedTextColor | string | Muted text color |
| badgeText | string | Badge label text |
| headerText | string | Header text |
| footerText | string | Footer text |
| yAxisLabels | string[] | Y-axis label strings |
| dataPoints | DataPoint[] | Chart data points (x, y) |
| errorRegion | { start: number; end: number } | Optional error region range |
| showHighlightArea | boolean | Whether to show the highlight area |
| customBadgeIcon | ReactNode | Custom icon for the badge |