Rebar UI

1.0

opinion

UMAPPlot

A 2D scatter of embeddings, grouped by cluster; hover a point to read its record.

Interview excerptsHover or click a point to read the excerpt
UMAP-1UMAP-2
Shift swapsNotificationsTraining
Interview excerpts, by theme
One cluster
UMAP-1UMAP-2
Shift swaps
Shift swaps only
No previews
UMAP-1UMAP-2
Shift swapsNotificationsTraining
Plain points

In context

ThemesThe plot beside what it found
Late
Crew interviews12 calls, 3 themes
UMAP-1UMAP-2
Shift swapsNotificationsTraining
Excerpts by theme
Shift swaps, 4 excerptsNotifications, 5 excerptsTraining, 3 excerpts

Props

PropTypeRequiredDefault
clustersUMAPPlotCluster[]Yes—
titlestring | undefinedNo—
ariaLabelstring | undefinedNo—
heightnumber | undefinedNo360
bionicboolean | undefinedNo—
bionicOptionsBionicOptions | undefinedNo—

Reading the plot

There are no numeric ticks on purpose: only distance and clustering mean anything in a UMAP. Hover shows a point's preview; click keeps its tag, click empty space clears it.

data-rebar-* attributes

data-rebar-component="umap-plot" on the root <figure>; data-rebar-part="point" per point, "cluster" per group, and "legend", "legend-item", "legend-swatch" for the legend.

Migrating to Ant Design

Not codemod-covered. AntD ships no charts (it points to @ant-design/charts), so there is no 1:1 mapping.