Compact SVG bar chart for ordered numeric series, deployments per day, and dashboard tiles.
BarChart renders a compact SVG bar series suitable for dashboard cards and inline data summaries. It does not depend on a chart engine and stays accessible through an explicit label.
One bar per data point; an optional baseline axis appears at the bottom.
<BarChart
data={[
{ value: 4 },
{ value: 8 },
{ value: 6 },
{ value: 12 },
{ value: 9 },
{ value: 14 },
{ value: 11 },
]}
label="Deployments per day"
/>import { BarChart } from "@froggdesign/enter-ui-react";Provide an aria-label or label so screen readers announce the chart. Without one, the SVG is marked aria-hidden.
data: array of { value, label? } entries.height: pixel height (default 80).color: optional CSS colour for bars (default uses brand green token).showAxis: toggle the baseline axis (default true).Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.