Rebar UI

1.0

opinion

DistributionChart

Bell curves drawn from a mean and a spread, with an optional shaded band.

Days to finish a taskOne curve per team; the band is one standard deviation
0 d3.625 d7.25 d10.875 d14.5 dDesignEngineeringOperations
Days to finish a task, by team
One series
0 d3.625 d7.25 d10.875 d14.5 dEngineering
Engineering
No band
0 d3.625 d7.25 d10.875 d14.5 dDesignEngineeringOperations
Three teams, no band
Very wide spread
0 d8 d16 d24 d32 dInterviews
Crew interviews

In context

Team reportCycle time beside the headline
Cycle time, last 12 weeks
Operations 3 dDesign 4.2 dEngineering 6.5 d
0 d3.625 d7.25 d10.875 d14.5 dDesignEngineeringOperations
Days to finish a task

Engineering varies most, mostly offline-sync work on Tideline mobile.

Props

PropTypeRequiredDefault
seriesDistributionSeries[]Yes—
titlestring | undefinedNo—
ariaLabelstring | undefinedNo—
heightnumber | undefinedNo320
xFormat((v: number) => string) | undefinedNo(v: number) => Math.round(v).toLocaleString()
showStdDevBandboolean | undefinedNotrue
bionicboolean | undefinedNo—
bionicOptionsBionicOptions | undefinedNo—

data-rebar-* attributes

data-rebar-component="distribution-chart" on the root <figure>; parts: series, stddev-band, mean-line, mean-mark.

Migrating to Ant Design

Not codemod-covered — AntD ships no chart components of its own (it recommends @ant-design/charts, a separate package built on G2Plot); there's no direct 1:1 antd component mapping for a distribution/bell-curve plot, so a migration reimplements this chart against whichever charting library the target project already uses.