Imagine ArtImagine Art

SVG-based bar and donut chart for data visualization with labels and value displays.

Media & Visuals

Import

import { Chart } from "@/components/ui"

API

PropTypeDefaultDescription
type"bar" | "donut"Chart type.
dataChartDataItem[]Array of { label, value, color? } data items.
heightnumberCustom chart height in pixels.
showLabelsbooleanShow data labels.
showValuesbooleanShow numeric values.

Examples