Latency field

Every run as a dot, over time. Sample data: runs from 09:35 to now, P50 2.3 s, P95 7.8 s, incident at 09:52.

Run latency over the last hour
Run	Time	Latency (s)	State
Run 1	09:33	2.75	Succeeded
Run 2	09:33	1.48	Succeeded
Run 3	09:41	2.33	Succeeded
Run 4	10:14	2.03	Succeeded
Run 5	09:34	1.21	Succeeded
Run 6	09:42	3.89	Succeeded
Run 7	09:48	1.3	Succeeded
Run 8	09:42	3.4	Succeeded
Run 9	09:54	13.76	Selected
Run 10	10:22	14.67	Selected
Run 11	10:24	10.28	Selected
Run 12	09:51	4.12	Failed
Run 13	09:35	2.9	Succeeded
Run 14	10:12	2.32	Succeeded
Run 15	10:27	13.56	Failed
Run 16	10:12	1.55	Succeeded
Run 17	10:06	3.3	Succeeded
Run 18	09:58	1.43	Succeeded
Run 19	09:38	2.73	Succeeded
Run 20	10:15	11.16	Failed
Run 21	10:16	2.48	Succeeded
Run 22	09:34	1.85	Failed
Run 23	09:45	3.09	Succeeded
Run 24	10:04	1.67	Succeeded
Run 25	10:18	15.55	Failed
Run 26	10:03	16.78	Selected
Run 27	10:11	2.32	Failed
Run 28	10:11	10.31	Selected
Run 29	10:31	3.77	Succeeded
Run 30	10:24	2.59	Succeeded
Run 31	10:10	1.76	Succeeded
Run 32	10:18	2.96	Succeeded
Run 33	10:06	30	Failed
Run 34	10:31	15.7	Succeeded
Run 35	09:53	15.02	Selected
Run 36	09:41	3.81	Succeeded
Run 37	10:08	16.56	Selected
Run 38	09:52	1.85	Succeeded
Run 39	09:44	2.28	Succeeded
Run 40	10:17	3.02	Succeeded
Run 41	10:19	15.42	Selected
Run 42	10:31	17.04	Succeeded
Run 43	09:36	3.45	Succeeded
Run 44	10:29	0.84	Succeeded
Run 45	10:02	2.76	Succeeded
Run 46	10:12	1.81	Succeeded
Run 47	10:13	1.61	Succeeded
Run 48	10:22	13.55	Selected
Run 49	10:07	30	Failed
Run 50	10:26	10.55	Selected
Run 51	09:42	1.59	Succeeded
Run 52	09:34	2.53	Succeeded
Run 53	09:41	3.03	Succeeded
Run 54	09:48	3.35	Succeeded
Run 55	10:26	2.02	Succeeded
Run 56	10:25	1.49	Succeeded
Run 57	10:16	2.12	Succeeded
Run 58	09:55	1.16	Succeeded
Run 59	10:18	8.38	Selected
Run 60	09:37	2.45	Succeeded
Run 61	09:47	1.67	Succeeded
Run 62	09:49	2.84	Succeeded
Run 63	10:12	2.41	Succeeded
Run 64	10:12	3.82	Succeeded
Run 65	09:41	1.41	Succeeded
Run 66	10:32	1.74	Succeeded
Run 67	09:43	2.49	Succeeded
Run 68	10:29	9.74	Selected
Run 69	10:09	5.83	Succeeded
Run 70	10:21	15.63	Selected
Run 71	10:29	2.94	Succeeded
Run 72	10:09	8.43	Selected
Run 73	09:40	2.38	Succeeded
Run 74	10:14	1.35	Succeeded
Run 75	09:44	1.93	Succeeded
Run 76	09:37	3.19	Succeeded
Run 77	10:23	3.65	Succeeded
Run 78	09:53	12.31	Selected
Run 79	10:21	10.07	Selected
Run 80	09:49	1.33	Succeeded
Run 81	09:59	16.48	Failed
Run 82	10:21	1.34	Succeeded
Run 83	09:58	16.16	Selected
Run 84	10:17	1.57	Succeeded
Run 85	09:40	2.67	Succeeded
Run 86	10:09	3.36	Failed
Run 87	10:17	2.53	Succeeded
Run 88	09:44	1.49	Succeeded
Run 89	09:55	1.97	Succeeded
Run 90	09:40	2.34	Succeeded
Run 91	10:17	1.78	Succeeded
Run 92	10:10	1.42	Succeeded
Run 93	10:01	1.79	Succeeded
Run 94	10:21	1.83	Succeeded
Run 95	10:01	4.3	Succeeded
Run 96	10:19	15.72	Selected
Run 97	10:08	2.99	Succeeded
Run 98	09:44	3.41	Succeeded
Run 99	10:32	1.46	Succeeded
Run 100	09:36	1.71	Succeeded
Run 101	09:34	1.4	Succeeded
Run 102	10:04	2.78	Succeeded
Run 103	09:41	1.77	Succeeded
Run 104	09:40	4.24	Failed
Run 105	09:55	1.8	Succeeded
Run 106	09:41	1.12	Failed
Run 107	10:10	2.22	Succeeded
Run 108	09:44	1.23	Succeeded
Run 109	09:46	30	Failed
Run 110	10:06	1.94	Succeeded
Run 111	09:39	1.56	Succeeded
Run 112	09:37	2.82	Succeeded
Run 113	10:04	2.1	Succeeded
Run 114	09:38	3.66	Succeeded
Run 115	09:37	2.79	Failed
Run 116	10:32	1.78	Succeeded
Run 117	10:04	2.12	Succeeded
Run 118	10:27	2.62	Succeeded
Run 119	10:18	2.09	Succeeded
Run 120	10:29	1.52	Failed
Run 121	10:05	10.51	Selected
Run 122	09:50	1.59	Succeeded
Run 123	10:32	10.06	Succeeded
Run 124	09:33	0.93	Succeeded
Run 125	09:42	1.83	Succeeded
Run 126	10:09	1.69	Succeeded
Run 127	09:50	2.76	Failed
Run 128	09:56	9.41	Selected
Run 129	09:51	1.67	Succeeded
Run 130	10:19	2.84	Succeeded
Run 131	09:43	3.19	Succeeded
Run 132	09:44	1.77	Succeeded
Run 133	09:43	1.85	Succeeded
Run 134	09:54	2.68	Succeeded
Run 135	10:02	14	Selected
Run 136	10:29	17.12	Selected
Run 137	09:36	2.63	Succeeded
Run 138	10:24	14.89	Selected
Run 139	09:53	3.17	Succeeded
Run 140	10:05	4.19	Succeeded
Run 141	10:18	10	Selected
Run 142	09:52	1.9	Succeeded
Run 143	10:07	14.13	Selected
Run 144	10:28	2.34	Succeeded
Run 145	09:59	1.56	Succeeded
Run 146	10:04	3.22	Succeeded
Run 147	09:47	1.54	Succeeded
Run 148	09:36	2.08	Succeeded
Run 149	09:38	2.42	Succeeded
Run 150	10:12	3.35	Succeeded
Run 151	09:41	2.01	Succeeded
Run 152	10:10	12.57	Selected
Run 153	10:11	9.55	Selected
Run 154	09:33	3.14	Succeeded
Run 155	10:25	1.94	Succeeded
Run 156	10:02	3.16	Succeeded
Run 157	10:05	14.85	Selected
Run 158	09:38	4.37	Succeeded
Run 159	10:03	2.33	Succeeded
Run 160	10:27	12.19	Selected
Run 161	10:32	1.95	Succeeded
Run 162	09:58	1	Succeeded
Run 163	10:01	2.15	Succeeded
Run 164	10:08	12.84	Selected
Run 165	10:31	3.19	Succeeded
Run 166	09:45	1.52	Succeeded
Run 167	10:04	1.86	Succeeded
Run 168	10:04	1.31	Succeeded
Run 169	09:44	1	Succeeded
Run 170	10:12	13.12	Selected
Run 171	09:34	2.25	Failed
Run 172	10:30	3.25	Succeeded
Run 173	09:59	14.3	Selected
Run 174	10:13	1.97	Succeeded
Run 175	10:05	2.25	Succeeded
Run 176	10:26	11.91	Selected
Run 177	09:42	1.43	Succeeded
Run 178	09:43	2.15	Succeeded
Run 179	09:48	3.37	Succeeded
Run 180	10:17	2.17	Succeeded
Run 181	10:13	10.44	Failed
Run 182	09:53	9.83	Selected
Run 183	10:08	14.51	Selected
Run 184	09:43	1.78	Succeeded
Run 185	10:18	9.41	Selected
Run 186	09:53	3.18	Succeeded
Run 187	09:36	2.06	Succeeded
Run 188	10:24	4.36	Succeeded
Run 189	10:02	1.45	Succeeded
Run 190	09:40	2.08	Succeeded
Run 191	10:06	12.52	Selected
Run 192	09:34	2.91	Succeeded
Run 193	10:10	1.61	Succeeded
Run 194	09:55	2.74	Succeeded
Run 195	10:05	2.94	Succeeded
Run 196	10:20	1.96	Succeeded
Run 197	09:53	1.18	Succeeded
Run 198	10:26	2.25	Succeeded
Run 199	10:32	2.36	Succeeded
Run 200	10:07	1.76	Failed
Run 201	10:00	3.27	Succeeded
Run 202	10:18	1.02	Succeeded
Run 203	10:00	3.65	Succeeded
Run 204	09:46	1.54	Succeeded
Run 205	10:14	15.97	Selected
Run 206	09:56	1.1	Succeeded
Run 207	10:30	1.35	Succeeded
Run 208	09:54	2.17	Succeeded
Run 209	10:24	1.69	Succeeded
Run 210	10:06	2.01	Succeeded
Run 211	10:03	2.07	Succeeded
Run 212	10:23	1.24	Succeeded
Run 213	10:26	1.77	Succeeded
Run 214	09:42	2.12	Succeeded
Run 215	09:55	15.51	Selected
Run 216	10:12	2.51	Succeeded
Run 217	10:18	12.71	Selected
Run 218	10:31	8.69	Succeeded
Run 219	10:18	1.54	Succeeded
Run 220	10:15	14.7	Selected
Run 221	09:43	1.9	Succeeded
Run 222	10:07	13.15	Selected
Run 223	09:39	2.89	Succeeded
Run 224	10:18	11.17	Selected
Run 225	10:15	12.31	Selected
Run 226	09:33	1.99	Succeeded
Run 227	10:10	2.21	Succeeded
Run 228	10:19	2.63	Succeeded
Run 229	10:17	16.88	Selected
Run 230	09:36	1.96	Succeeded
Run 231	10:17	1.59	Succeeded
Run 232	09:36	3.11	Succeeded
Run 233	10:04	10.59	Selected
Run 234	10:15	1.58	Succeeded
Run 235	09:35	1.89	Succeeded
Run 236	09:47	1.32	Failed
Run 237	10:17	3.28	Succeeded
Run 238	10:05	10.67	Selected
Run 239	10:18	1.74	Succeeded
Run 240	10:04	2.19	Succeeded
Run 241	10:04	2.22	Succeeded
Run 242	09:46	2.53	Succeeded
Run 243	10:15	14.68	Selected
Run 244	09:41	0.91	Succeeded
Run 245	10:11	2.2	Succeeded
Run 246	09:44	1.6	Succeeded
Run 247	10:20	1.26	Succeeded
Run 248	10:09	14.04	Selected
Run 249	10:09	15.64	Selected
Run 250	10:18	3.42	Succeeded
Run 251	09:39	2.3	Succeeded
Run 252	10:21	12.83	Selected
Run 253	10:12	13.34	Selected
Run 254	10:02	2.74	Succeeded
Run 255	10:17	1.79	Succeeded
Run 256	10:18	15.75	Selected
Run 257	09:44	7.54	Succeeded
Run 258	09:55	2.77	Succeeded
Run 259	09:56	1.71	Succeeded
Run 260	09:49	2.55	Succeeded

Run latency over the last hour
Run	Time	Latency (s)	State
Run 1	09:33	2.75	Succeeded
Run 2	09:33	1.48	Succeeded
Run 3	09:41	2.33	Succeeded
Run 4	10:14	2.03	Succeeded
Run 5	09:34	1.21	Succeeded
Run 6	09:42	3.89	Succeeded
Run 7	09:48	1.3	Succeeded
Run 8	09:42	3.4	Succeeded
Run 9	09:54	13.76	Selected
Run 10	10:22	14.67	Selected
Run 11	10:24	10.28	Selected
Run 12	09:51	4.12	Failed
Run 13	09:35	2.9	Succeeded
Run 14	10:12	2.32	Succeeded
Run 15	10:27	13.56	Failed
Run 16	10:12	1.55	Succeeded
Run 17	10:06	3.3	Succeeded
Run 18	09:58	1.43	Succeeded
Run 19	09:38	2.73	Succeeded
Run 20	10:15	11.16	Failed
Run 21	10:16	2.48	Succeeded
Run 22	09:34	1.85	Failed
Run 23	09:45	3.09	Succeeded
Run 24	10:04	1.67	Succeeded
Run 25	10:18	15.55	Failed
Run 26	10:03	16.78	Selected
Run 27	10:11	2.32	Failed
Run 28	10:11	10.31	Selected
Run 29	10:31	3.77	Succeeded
Run 30	10:24	2.59	Succeeded
Run 31	10:10	1.76	Succeeded
Run 32	10:18	2.96	Succeeded
Run 33	10:06	30	Failed
Run 34	10:31	15.7	Succeeded
Run 35	09:53	15.02	Selected
Run 36	09:41	3.81	Succeeded
Run 37	10:08	16.56	Selected
Run 38	09:52	1.85	Succeeded
Run 39	09:44	2.28	Succeeded
Run 40	10:17	3.02	Succeeded
Run 41	10:19	15.42	Selected
Run 42	10:31	17.04	Succeeded
Run 43	09:36	3.45	Succeeded
Run 44	10:29	0.84	Succeeded
Run 45	10:02	2.76	Succeeded
Run 46	10:12	1.81	Succeeded
Run 47	10:13	1.61	Succeeded
Run 48	10:22	13.55	Selected
Run 49	10:07	30	Failed
Run 50	10:26	10.55	Selected
Run 51	09:42	1.59	Succeeded
Run 52	09:34	2.53	Succeeded
Run 53	09:41	3.03	Succeeded
Run 54	09:48	3.35	Succeeded
Run 55	10:26	2.02	Succeeded
Run 56	10:25	1.49	Succeeded
Run 57	10:16	2.12	Succeeded
Run 58	09:55	1.16	Succeeded
Run 59	10:18	8.38	Selected
Run 60	09:37	2.45	Succeeded
Run 61	09:47	1.67	Succeeded
Run 62	09:49	2.84	Succeeded
Run 63	10:12	2.41	Succeeded
Run 64	10:12	3.82	Succeeded
Run 65	09:41	1.41	Succeeded
Run 66	10:32	1.74	Succeeded
Run 67	09:43	2.49	Succeeded
Run 68	10:29	9.74	Selected
Run 69	10:09	5.83	Succeeded
Run 70	10:21	15.63	Selected
Run 71	10:29	2.94	Succeeded
Run 72	10:09	8.43	Selected
Run 73	09:40	2.38	Succeeded
Run 74	10:14	1.35	Succeeded
Run 75	09:44	1.93	Succeeded
Run 76	09:37	3.19	Succeeded
Run 77	10:23	3.65	Succeeded
Run 78	09:53	12.31	Selected
Run 79	10:21	10.07	Selected
Run 80	09:49	1.33	Succeeded
Run 81	09:59	16.48	Failed
Run 82	10:21	1.34	Succeeded
Run 83	09:58	16.16	Selected
Run 84	10:17	1.57	Succeeded
Run 85	09:40	2.67	Succeeded
Run 86	10:09	3.36	Failed
Run 87	10:17	2.53	Succeeded
Run 88	09:44	1.49	Succeeded
Run 89	09:55	1.97	Succeeded
Run 90	09:40	2.34	Succeeded
Run 91	10:17	1.78	Succeeded
Run 92	10:10	1.42	Succeeded
Run 93	10:01	1.79	Succeeded
Run 94	10:21	1.83	Succeeded
Run 95	10:01	4.3	Succeeded
Run 96	10:19	15.72	Selected
Run 97	10:08	2.99	Succeeded
Run 98	09:44	3.41	Succeeded
Run 99	10:32	1.46	Succeeded
Run 100	09:36	1.71	Succeeded
Run 101	09:34	1.4	Succeeded
Run 102	10:04	2.78	Succeeded
Run 103	09:41	1.77	Succeeded
Run 104	09:40	4.24	Failed
Run 105	09:55	1.8	Succeeded
Run 106	09:41	1.12	Failed
Run 107	10:10	2.22	Succeeded
Run 108	09:44	1.23	Succeeded
Run 109	09:46	30	Failed
Run 110	10:06	1.94	Succeeded
Run 111	09:39	1.56	Succeeded
Run 112	09:37	2.82	Succeeded
Run 113	10:04	2.1	Succeeded
Run 114	09:38	3.66	Succeeded
Run 115	09:37	2.79	Failed
Run 116	10:32	1.78	Succeeded
Run 117	10:04	2.12	Succeeded
Run 118	10:27	2.62	Succeeded
Run 119	10:18	2.09	Succeeded
Run 120	10:29	1.52	Failed
Run 121	10:05	10.51	Selected
Run 122	09:50	1.59	Succeeded
Run 123	10:32	10.06	Succeeded
Run 124	09:33	0.93	Succeeded
Run 125	09:42	1.83	Succeeded
Run 126	10:09	1.69	Succeeded
Run 127	09:50	2.76	Failed
Run 128	09:56	9.41	Selected
Run 129	09:51	1.67	Succeeded
Run 130	10:19	2.84	Succeeded
Run 131	09:43	3.19	Succeeded
Run 132	09:44	1.77	Succeeded
Run 133	09:43	1.85	Succeeded
Run 134	09:54	2.68	Succeeded
Run 135	10:02	14	Selected
Run 136	10:29	17.12	Selected
Run 137	09:36	2.63	Succeeded
Run 138	10:24	14.89	Selected
Run 139	09:53	3.17	Succeeded
Run 140	10:05	4.19	Succeeded
Run 141	10:18	10	Selected
Run 142	09:52	1.9	Succeeded
Run 143	10:07	14.13	Selected
Run 144	10:28	2.34	Succeeded
Run 145	09:59	1.56	Succeeded
Run 146	10:04	3.22	Succeeded
Run 147	09:47	1.54	Succeeded
Run 148	09:36	2.08	Succeeded
Run 149	09:38	2.42	Succeeded
Run 150	10:12	3.35	Succeeded
Run 151	09:41	2.01	Succeeded
Run 152	10:10	12.57	Selected
Run 153	10:11	9.55	Selected
Run 154	09:33	3.14	Succeeded
Run 155	10:25	1.94	Succeeded
Run 156	10:02	3.16	Succeeded
Run 157	10:05	14.85	Selected
Run 158	09:38	4.37	Succeeded
Run 159	10:03	2.33	Succeeded
Run 160	10:27	12.19	Selected
Run 161	10:32	1.95	Succeeded
Run 162	09:58	1	Succeeded
Run 163	10:01	2.15	Succeeded
Run 164	10:08	12.84	Selected
Run 165	10:31	3.19	Succeeded
Run 166	09:45	1.52	Succeeded
Run 167	10:04	1.86	Succeeded
Run 168	10:04	1.31	Succeeded
Run 169	09:44	1	Succeeded
Run 170	10:12	13.12	Selected
Run 171	09:34	2.25	Failed
Run 172	10:30	3.25	Succeeded
Run 173	09:59	14.3	Selected
Run 174	10:13	1.97	Succeeded
Run 175	10:05	2.25	Succeeded
Run 176	10:26	11.91	Selected
Run 177	09:42	1.43	Succeeded
Run 178	09:43	2.15	Succeeded
Run 179	09:48	3.37	Succeeded
Run 180	10:17	2.17	Succeeded
Run 181	10:13	10.44	Failed
Run 182	09:53	9.83	Selected
Run 183	10:08	14.51	Selected
Run 184	09:43	1.78	Succeeded
Run 185	10:18	9.41	Selected
Run 186	09:53	3.18	Succeeded
Run 187	09:36	2.06	Succeeded
Run 188	10:24	4.36	Succeeded
Run 189	10:02	1.45	Succeeded
Run 190	09:40	2.08	Succeeded
Run 191	10:06	12.52	Selected
Run 192	09:34	2.91	Succeeded
Run 193	10:10	1.61	Succeeded
Run 194	09:55	2.74	Succeeded
Run 195	10:05	2.94	Succeeded
Run 196	10:20	1.96	Succeeded
Run 197	09:53	1.18	Succeeded
Run 198	10:26	2.25	Succeeded
Run 199	10:32	2.36	Succeeded
Run 200	10:07	1.76	Failed
Run 201	10:00	3.27	Succeeded
Run 202	10:18	1.02	Succeeded
Run 203	10:00	3.65	Succeeded
Run 204	09:46	1.54	Succeeded
Run 205	10:14	15.97	Selected
Run 206	09:56	1.1	Succeeded
Run 207	10:30	1.35	Succeeded
Run 208	09:54	2.17	Succeeded
Run 209	10:24	1.69	Succeeded
Run 210	10:06	2.01	Succeeded
Run 211	10:03	2.07	Succeeded
Run 212	10:23	1.24	Succeeded
Run 213	10:26	1.77	Succeeded
Run 214	09:42	2.12	Succeeded
Run 215	09:55	15.51	Selected
Run 216	10:12	2.51	Succeeded
Run 217	10:18	12.71	Selected
Run 218	10:31	8.69	Succeeded
Run 219	10:18	1.54	Succeeded
Run 220	10:15	14.7	Selected
Run 221	09:43	1.9	Succeeded
Run 222	10:07	13.15	Selected
Run 223	09:39	2.89	Succeeded
Run 224	10:18	11.17	Selected
Run 225	10:15	12.31	Selected
Run 226	09:33	1.99	Succeeded
Run 227	10:10	2.21	Succeeded
Run 228	10:19	2.63	Succeeded
Run 229	10:17	16.88	Selected
Run 230	09:36	1.96	Succeeded
Run 231	10:17	1.59	Succeeded
Run 232	09:36	3.11	Succeeded
Run 233	10:04	10.59	Selected
Run 234	10:15	1.58	Succeeded
Run 235	09:35	1.89	Succeeded
Run 236	09:47	1.32	Failed
Run 237	10:17	3.28	Succeeded
Run 238	10:05	10.67	Selected
Run 239	10:18	1.74	Succeeded
Run 240	10:04	2.19	Succeeded
Run 241	10:04	2.22	Succeeded
Run 242	09:46	2.53	Succeeded
Run 243	10:15	14.68	Selected
Run 244	09:41	0.91	Succeeded
Run 245	10:11	2.2	Succeeded
Run 246	09:44	1.6	Succeeded
Run 247	10:20	1.26	Succeeded
Run 248	10:09	14.04	Selected
Run 249	10:09	15.64	Selected
Run 250	10:18	3.42	Succeeded
Run 251	09:39	2.3	Succeeded
Run 252	10:21	12.83	Selected
Run 253	10:12	13.34	Selected
Run 254	10:02	2.74	Succeeded
Run 255	10:17	1.79	Succeeded
Run 256	10:18	15.75	Selected
Run 257	09:44	7.54	Succeeded
Run 258	09:55	2.77	Succeeded
Run 259	09:56	1.71	Succeeded
Run 260	09:49	2.55	Succeeded

Installation

1
Set up the registry once
Your token in .env and @chartory in components.json. Skip this when another chart is already installed.
Installation guide
2
Add the chart
One command adds the Latency field component to your project.
```
npx shadcn add @chartory/latency-field
```

Use it

Pass your rows. The props are the Figma properties.

usage.tsx

import { LatencyField }  from "@/components/chartory/latency-field"<LatencyField  data={runLatency}  size="m"  legend/>

Props

<LatencyField>

Every prop but data is a Figma property with the same name and values.

PropTypeDefault

dataLatencyFieldDataRequired

size"xs" | "s" | "m" | "l""m"

legendbooleantrue

LatencyFieldData

The data prop: one object for the whole chart.

PropTypeDefault

dotsLatencyFieldDot[]Required

tmaxnumberRequired

vminnumberRequired

vmaxnumberRequired

ticks[number, string][]Required

p50number[]Required

p95number[]Required

timeoutnumberRequired

selLatencyFieldSelRequired

incidentLatencyFieldIncidentRequired

xl[number, string][]Required

p50TextstringRequired

p95TextstringRequired

timeoutTextstringRequired

LatencyFieldDot

One object per entry in dots.

PropTypeDefault

tnumberRequired

vnumberRequired

s"ok" | "sel" | "fail"Required

LatencyFieldSel

The sel object.

PropTypeDefault

t0numberRequired

t1numberRequired

v0numberRequired

LatencyFieldIncident

The incident object.

PropTypeDefault

tnumberRequired

textstringRequired

The data as a JSON Schema: schemas/latency-field.json

Latency field: a React and Figma chart in four sizes

What does a latency field show?

A latency field draws every run as a dot by its time and its duration, with the median and P95 as lines and failures in their own colour. Slow bursts and incidents show as clouds rising. Use it for agent runs, API calls and jobs.

Chartory ships it as a Figma component and a React component with the same name. The code installs from the shadcn registry with one command and lands in your project as a file you own.

What is the Latency field component?

It is one <LatencyField> component. Its props are the Figma properties with the same names and values, and the props table above lists them. The data is time, duration and status per run.

Sizes XS, S, M and L re-lay the chart out from the data instead of scaling it, so labels stay readable at every size.

When should I use it?

Is every run shown? Yes means the latency field fits.
Is it over time? Yes means the latency field fits.
Is it many runs? Yes means the latency field fits.

When does another type fit better?

A summary per period. Use Target trend instead.
One spread with no time. Use Histogram instead.
One run in detail. Use Flame graph instead.

Latency field questions

Installing, data, Figma and plans.

Yes. It installs through the shadcn registry with the shadcn CLI, and the file lands in your project.

Latency field

Installation

Set up the registry once

Add the chart

Use it

Props

<LatencyField>

LatencyFieldData

LatencyFieldDot

LatencyFieldSel

LatencyFieldIncident

Latency field: a React and Figma chart in four sizes

What does a latency field show?

What is the Latency field component?

When should I use it?

When does another type fit better?

Latency field questions

Does the Latency field chart work with shadcn/ui?Install

How do I install it?Install

Can my coding agent install it?Install

What data does it expect?Data

Which sizes does it ship in?Figma

Is it in the Figma file too?Figma

Does it follow light and dark mode?Figma

Which plan has the code?Plans

New charts, by email.