opinion
RibbonChart
A bump chart: height shows rank at each step, not the raw value.
Tasks closed, by rankWho closed the most each week
In context
Team leaderboardA card on the team page
Closing tasksLast five weeks
Jonas leadsProps
| Prop | Type | Required | Default |
|---|---|---|---|
series | RibbonChartSeries[] | Yes | — |
xLabels | string[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
height | number | undefined | No | 320 |
labelStep | number | undefined | No | 1 |
filterable | boolean | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="ribbon-chart" on the root <figure>; data-rebar-part="mark" on each ribbon.
Migrating to Ant Design
Not codemod-covered — AntD ships no chart components of its own; a migration typically pre-computes the same per-position ranks and feeds them to a bump-chart implementation in whatever charting library the target project uses.