Rebar UI

1.0

opinion

RadarChart

A filled polygon per series across shared axes, for comparing a few items on the same dimensions.

Hours by areaWhere each person's week went, 19 Oct
DesignEngResearchOpsReview
Hours by area
Three axes
OpsReviewResearch
Leo's week
Leo Santos
Eight axes
BriefLogoPaletteTypeSiteLiverySignageLaunch
Harbour tasks
Done
Single series
DesignEngResearchOpsReview
Priya's week
Priya Nair

In context

Team balanceA card on the team page
MCWhere the hours wentWeek of 19 Oct
DesignEngResearchOpsReview
Maya ChenJonas Weber

Props

PropTypeRequiredDefault
axesstring[]Yes—
seriesRadarChartSeries[]Yes—
maxValuenumber | undefinedNo—
titlestring | undefinedNo—
ariaLabelstring | undefinedNo—
sizenumber | undefinedNo280
filterableboolean | undefinedNo—
bionicboolean | undefinedNo—
bionicOptionsBionicOptions | undefinedNo—

data-rebar-* attributes

data-rebar-component="radar-chart" on the root <figure>.

Migrating to Ant Design

Not codemod-covered — AntD ships no chart components of its own (it recommends pairing with a separate charting library, e.g. @ant-design/charts); a migration reimplements this chart against whichever charting library the target project already uses.