Rebar UI

1.0

synthetic

WordCloud

Words sized by weight.

What the crew saidEight themes from the interviews
handoverradiotidesshiftsweathersignageofflinerota
What the crew said
Few words
handoverradiotides
Top three
One word
handover
Top theme
Equal weights
handoverradiotidesshiftsweather
All equal

In context

Research summaryThemes beside the project's status line
Crew interviews

Twelve calls, one clear pattern.

handoverradiotidesshiftsweathersignageofflinerota
Interview themes

Props

PropTypeRequiredDefault
wordsWordCloudWord[]Yes—
titlestring | undefinedNo—
ariaLabelstring | undefinedNo—
widthnumber | undefinedNo480
heightnumber | undefinedNo320
bionicboolean | undefinedNo—
bionicOptionsBionicOptions | undefinedNo—

Layout

Words flow in rows, heaviest first, each with a small rotation seeded from its own text, so the same input always renders the same. Font size is sqrt-scaled between the lightest and heaviest word.

data-rebar-* attributes

data-rebar-component="word-cloud" on the root <figure>.

Migrating to Ant Design

Not codemod-covered. AntD has no word cloud; use a dedicated library such as react-wordcloud or d3-cloud.