Beeswarm — Björk UI

Components•Beeswarm

Beeswarm

Every observation as its own dot, packed beside its neighbours so none overlap and the shape of the data shows through. Dots rain in by value and settle. Bands mark regions to discount or the verdict region, and hover finds the nearest dot, not just the one under the pointer.

Dependencies

Motion

Copy below cli

npx shadcn add @bjork-ui/beeswarm

How to use

import { Beeswarm } from "@/components/bjork-ui/charts/beeswarm";<Beeswarm  items={bets.map((b) => ({ id: b.id, value: b.edge, label: b.name }))}  bands={[    { to: 0, label: "No edge", style: "hatch" },    { from: 2, label: "Edge ≥ 2%", style: "accent" },  ]}  formatValue={(v) => `${v.toFixed(1)}%`}/>

Edge of placed bets
Item	Group	Value
Bet #1148	Book A	−3.7%
Bet #1223	Book D	−2.5%
Bet #1146	Book C	−2.4%
Bet #1224	Book A	−2.2%
Bet #1001	Book B	−2.1%
Bet #1252	Book A	−1.9%
Bet #1167	Book D	−1.5%
Bet #1181	Book B	−1.5%
Bet #1082	Book C	−1.4%
Bet #1230	Book C	−1.3%
Bet #1247	Book D	−1.3%
Bet #1129	Book B	−1.3%
Bet #1246	Book C	−1.3%
Bet #1267	Book D	−1.3%
Bet #1101	Book B	−1.1%
Bet #1106	Book C	−1.1%
Bet #1043	Book D	−1.1%
Bet #1065	Book B	−1.1%
Bet #1150	Book C	−1.1%
Bet #1241	Book B	−1.0%
Bet #1201	Book B	−0.9%
Bet #1257	Book B	−0.9%
Bet #1256	Book A	−0.9%
Bet #1189	Book B	−0.9%
Bet #1122	Book C	−0.9%
Bet #1156	Book A	−0.8%
Bet #1205	Book B	−0.8%
Bet #1028	Book A	−0.8%
Bet #1158	Book C	−0.8%
Bet #1026	Book C	−0.8%
Bet #1135	Book D	−0.7%
Bet #1275	Book D	−0.7%
Bet #1263	Book D	−0.7%
Bet #1163	Book D	−0.7%
Bet #1196	Book A	−0.6%
Bet #1013	Book B	−0.6%
Bet #1050	Book C	−0.6%
Bet #1093	Book B	−0.6%
Bet #1136	Book A	−0.6%
Bet #1036	Book A	−0.6%
Bet #1109	Book B	−0.6%
Bet #1211	Book D	−0.6%
Bet #1242	Book C	−0.6%
Bet #1239	Book D	−0.6%
Bet #1116	Book A	−0.5%
Bet #1160	Book A	−0.5%
Bet #1255	Book D	−0.5%
Bet #1110	Book C	−0.4%
Bet #1004	Book A	−0.4%
Bet #1164	Book A	−0.4%
Bet #1137	Book B	−0.4%
Bet #1034	Book C	−0.4%
Bet #1183	Book D	−0.4%
Bet #1237	Book B	−0.3%
Bet #1058	Book C	−0.3%
Bet #1225	Book B	−0.3%
Bet #1059	Book D	−0.3%
Bet #1087	Book D	−0.3%
Bet #1229	Book B	−0.2%
Bet #1091	Book D	−0.2%
Bet #1191	Book D	−0.2%
Bet #1105	Book B	−0.2%
Bet #1232	Book A	−0.2%
Bet #1180	Book A	−0.2%
Bet #1176	Book A	−0.1%
Bet #1048	Book A	−0.1%
Bet #1243	Book D	−0.1%
Bet #1038	Book C	−0.1%
Bet #1069	Book B	−0.1%
Bet #1147	Book D	−0.1%
Bet #1140	Book A	−0.1%
Bet #1131	Book D	−0.1%
Bet #1041	Book B	−0.1%
Bet #1217	Book B	−0.0%
Bet #1197	Book B	−0.0%
Bet #1226	Book C	−0.0%
Bet #1178	Book C	+0.0%
Bet #1017	Book B	+0.0%
Bet #1061	Book B	+0.1%
Bet #1098	Book C	+0.1%
Bet #1025	Book B	+0.1%
Bet #1198	Book C	+0.1%
Bet #1145	Book B	+0.1%
Bet #1124	Book A	+0.1%
Bet #1020	Book A	+0.1%
Bet #1005	Book B	+0.1%
Bet #1139	Book D	+0.1%
Bet #1199	Book D	+0.1%
Bet #1011	Book D	+0.2%
Bet #1117	Book B	+0.2%
Bet #1023	Book D	+0.2%
Bet #1030	Book C	+0.2%
Bet #1270	Book C	+0.2%
Bet #1070	Book C	+0.2%
Bet #1118	Book C	+0.3%
Bet #1179	Book D	+0.3%
Bet #1074	Book C	+0.3%
Bet #1182	Book C	+0.3%
Bet #1003	Book D	+0.4%
Bet #1245	Book B	+0.4%
Bet #1165	Book B	+0.4%
Bet #1273	Book B	+0.4%
Bet #1261	Book B	+0.4%
Bet #1088	Book A	+0.4%
Bet #1053	Book B	+0.4%
Bet #1251	Book D	+0.4%
Bet #1240	Book A	+0.4%
Bet #1076	Book A	+0.4%
Bet #1184	Book A	+0.5%
Bet #1097	Book B	+0.5%
Bet #1068	Book A	+0.5%
Bet #1075	Book D	+0.5%
Bet #1248	Book A	+0.5%
Bet #1208	Book A	+0.5%
Bet #1168	Book A	+0.5%
Bet #1250	Book C	+0.5%
Bet #1259	Book D	+0.5%
Bet #1162	Book C	+0.5%
Bet #1054	Book C	+0.6%
Bet #1143	Book D	+0.6%
Bet #1231	Book D	+0.6%
Bet #1271	Book D	+0.6%
Bet #1268	Book A	+0.6%
Bet #1177	Book B	+0.6%
Bet #1269	Book B	+0.6%
Bet #1220	Book A	+0.7%
Bet #1008	Book A	+0.7%
Bet #1112	Book A	+0.7%
Bet #1010	Book C	+0.7%
Bet #1006	Book C	+0.7%
Bet #1072	Book A	+0.8%
Bet #1062	Book C	+0.8%
Bet #1084	Book A	+0.8%
Bet #1046	Book C	+0.8%
Bet #1207	Book D	+0.8%
Bet #1107	Book D	+0.8%
Bet #1114	Book C	+0.8%
Bet #1149	Book B	+0.8%
Bet #1190	Book C	+0.8%
Bet #1212	Book A	+0.9%
Bet #1215	Book D	+0.9%
Bet #1221	Book B	+0.9%
Bet #1120	Book A	+0.9%
Bet #1173	Book B	+0.9%
Bet #1279	Book D	+0.9%
Bet #1161	Book B	+0.9%
Bet #1064	Book A	+1.0%
Bet #1086	Book C	+1.0%
Bet #1063	Book D	+1.0%
Bet #1099	Book D	+1.0%
Bet #1007	Book D	+1.0%
Bet #1090	Book C	+1.0%
Bet #1272	Book A	+1.0%
Bet #1049	Book B	+1.0%
Bet #1111	Book D	+1.0%
Bet #1278	Book C	+1.0%
Bet #1019	Book D	+1.1%
Bet #1209	Book B	+1.1%
Bet #1238	Book C	+1.1%
Bet #1235	Book D	+1.1%
Bet #1042	Book C	+1.1%
Bet #1234	Book C	+1.1%
Bet #1144	Book A	+1.2%
Bet #1119	Book D	+1.2%
Bet #1152	Book A	+1.2%
Bet #1254	Book C	+1.2%
Bet #1194	Book C	+1.2%
Bet #1089	Book B	+1.2%
Bet #1157	Book B	+1.2%
Bet #1128	Book A	+1.2%
Bet #1166	Book C	+1.3%
Bet #1012	Book A	+1.3%
Bet #1155	Book D	+1.4%
Bet #1056	Book A	+1.4%
Bet #1249	Book B	+1.4%
Bet #1071	Book D	+1.4%
Bet #1142	Book C	+1.4%
Bet #1151	Book D	+1.4%
Bet #1169	Book B	+1.4%
Bet #1108	Book A	+1.4%
Bet #1228	Book A	+1.4%
Bet #1274	Book C	+1.4%
Bet #1092	Book A	+1.5%
Bet #1029	Book B	+1.5%
Bet #1126	Book C	+1.5%
Bet #1000	Book A	+1.5%
Bet #1204	Book A	+1.5%
Bet #1095	Book D	+1.6%
Bet #1016	Book A	+1.6%
Bet #1210	Book C	+1.6%
Bet #1115	Book D	+1.7%
Bet #1265	Book B	+1.7%
Bet #1094	Book C	+1.7%
Bet #1021	Book B	+1.7%
Bet #1262	Book C	+1.7%
Bet #1057	Book B	+1.8%
Bet #1187	Book D	+1.8%
Bet #1032	Book A	+1.8%
Bet #1214	Book C	+1.8%
Bet #1276	Book A	+1.8%
Bet #1103	Book D	+1.9%
Bet #1218	Book C	+1.9%
Bet #1052	Book A	+2.0%
Bet #1172	Book A	+2.0%
Bet #1227	Book D	+2.0%
Bet #1121	Book B	+2.1%
Bet #1154	Book C	+2.1%
Bet #1222	Book C	+2.1%
Bet #1039	Book D	+2.1%
Bet #1244	Book A	+2.1%
Bet #1040	Book A	+2.2%
Bet #1022	Book C	+2.2%
Bet #1080	Book A	+2.3%
Bet #1170	Book C	+2.3%
Bet #1134	Book C	+2.3%
Bet #1104	Book A	+2.3%
Bet #1123	Book D	+2.3%
Bet #1188	Book A	+2.3%
Bet #1133	Book B	+2.3%
Bet #1206	Book C	+2.4%
Bet #1027	Book D	+2.4%
Bet #1213	Book B	+2.4%
Bet #1066	Book C	+2.5%
Bet #1031	Book D	+2.5%
Bet #1113	Book B	+2.5%
Bet #1186	Book C	+2.5%
Bet #1200	Book A	+2.6%
Bet #1009	Book B	+2.6%
Bet #1174	Book C	+2.6%
Bet #1085	Book B	+2.7%
Bet #1044	Book A	+2.7%
Bet #1037	Book B	+2.7%
Bet #1015	Book D	+2.7%
Bet #1141	Book B	+2.7%
Bet #1264	Book A	+2.7%
Bet #1233	Book B	+2.7%
Bet #1159	Book D	+2.8%
Bet #1096	Book A	+2.8%
Bet #1192	Book A	+2.9%
Bet #1033	Book B	+2.9%
Bet #1051	Book D	+2.9%
Bet #1100	Book A	+2.9%
Bet #1195	Book D	+2.9%
Bet #1266	Book C	+2.9%
Bet #1047	Book D	+2.9%
Bet #1171	Book D	+3.0%
Bet #1258	Book C	+3.0%
Bet #1277	Book B	+3.0%
Bet #1079	Book D	+3.0%
Bet #1203	Book D	+3.0%
Bet #1081	Book B	+3.0%
Bet #1138	Book C	+3.1%
Bet #1102	Book C	+3.1%
Bet #1260	Book A	+3.1%
Bet #1216	Book A	+3.2%
Bet #1193	Book B	+3.2%
Bet #1078	Book C	+3.4%
Bet #1185	Book B	+3.4%
Bet #1018	Book C	+3.5%
Bet #1024	Book A	+3.5%
Bet #1035	Book D	+3.6%
Bet #1127	Book D	+3.8%
Bet #1002	Book C	+3.8%
Bet #1055	Book D	+3.8%
Bet #1253	Book B	+3.8%
Bet #1132	Book A	+3.9%
Bet #1175	Book D	+3.9%
Bet #1073	Book B	+4.0%
Bet #1202	Book C	+4.2%
Bet #1219	Book D	+4.2%
Bet #1153	Book B	+4.3%
Bet #1083	Book D	+4.6%
Bet #1067	Book D	+4.8%
Bet #1077	Book B	+4.8%
Bet #1060	Book A	+4.9%
Bet #1014	Book C	+5.0%
Bet #1045	Book B	+5.0%
Bet #1236	Book A	+5.1%
Bet #1125	Book B	+5.2%
Bet #1130	Book C	+5.3%

Options

Dataset