Chord chart
Flows between groups as ribbons around a circle with group arcs, a default isolated group, hover a group or ribbon to isolate flows, and an A→B readout.
Preview
Internal moves between teams
2026 · 97 people| From \ To | Platform | Web | Mobile | Data | Design | Support |
|---|---|---|---|---|---|---|
| Platform | 6 people | 3 people | 8 people | 1 person | 2 people | |
| Web | 4 people | 9 people | 2 people | 5 people | 1 person | |
| Mobile | 2 people | 7 people | 1 person | 3 people | 2 people | |
| Data | 6 people | 2 people | 1 person | 1 person | 3 people | |
| Design | 1 person | 6 people | 4 people | 0 people | 2 people | |
| Support | 3 people | 4 people | 2 people | 5 people | 1 person |
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| groups | { key: string; label: string; color?: string }[] | — | Groups around the circle. |
| matrix | number[][] | — | matrix[i][j] is the flow from group i to group j. |
| label | string | — | Accessible name and table caption. |
| size | number | 340 | Diameter in px. |
| valueFormatter | (value: number) => string | Intl number | Formats flows. |
| defaultActive | string | — | Group key isolated at rest; the chart returns to it after hover. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.