Quint convergence: the 18:40 EU incident
The same five lanes with a labelled focus lens: the time axis around the incident is magnified, values are never changed. Each lane calls out its value at the incident; the deploy right before it is marked. Press L or the lens button to switch back to a linear axis.
Open the chart without page chrome ↗Drawing width at least 1,100 px. Scroll within the chart on smaller screens.
const options = {
"chart": {
"type": "quintConvergence",
"height": "auto"
},
"series": [
{
"name": "Requests",
"lane": "req",
"keys": [
"Requests"
],
"data": [
14280,
14580,
14820,
14520,
14640,
15000,
15300,
15360,
14940,
15300,
15360,
15420,
15540,
16020,
15600,
16020,
16740,
16440,
16920,
16440,
16800,
16260,
17280,
16800,
18000,
16920,
17040,
17820,
17520,
16800,
17340,
17640,
17040,
17580,
16980,
17700,
18420,
17340,
17340,
17460,
17520,
17340,
17760,
16980,
17400,
16920,
17220,
16800,
16560,
16680,
17640,
17280,
16980,
16140,
17160,
16800,
17880,
16980,
17880,
17340,
17160,
18360,
17820,
18060,
19140,
19800,
18960,
19740,
20400,
19980,
19680,
21060,
20220,
21840,
21360,
21960,
21240,
22620,
22320,
21000,
22680,
23160,
22560,
22800,
23580,
23400,
22140,
22440,
23520,
23460,
23520,
23820,
24120,
23160,
23460,
24600,
22500,
22740,
22260,
23880,
23760,
24540,
23400,
23760,
23040,
23280,
22560,
23640,
24480,
23940,
23040,
24300,
28860,
30000,
30060,
28740,
25680,
23700,
22260,
23700,
23580,
22560,
22260,
22740,
22320,
21720,
20820,
21300,
20460,
19560,
19980,
19800,
18780,
19320,
19260,
18900,
18240,
17400,
17460,
17100,
17220,
16680,
16020,
16320
],
"errorRate": [
0.23,
0.35,
0.32,
0.34,
0.28,
0.29,
0.31,
0.25,
0.25,
0.3,
0.24,
0.22,
0.26,
0.22,
0.27,
0.23,
0.32,
0.33,
0.24,
0.27,
0.36,
0.2,
0.21,
0.38,
0.38,
0.23,
0.23,
0.23,
0.38,
0.38,
0.38,
0.33,
0.3,
0.34,
0.38,
0.19,
0.39,
0.34,
0.27,
0.32,
0.27,
1.3,
1.12,
1.2,
1.12,
1.19,
0.26,
0.3,
0.23,
0.35,
0.33,
0.31,
0.21,
0.18,
0.21,
0.28,
0.35,
0.23,
0.38,
0.31,
0.32,
0.2,
0.18,
0.38,
0.37,
0.31,
0.29,
0.32,
0.4,
0.39,
0.37,
0.35,
0.2,
0.34,
0.3,
0.28,
0.23,
0.33,
0.38,
0.18,
0.23,
0.21,
0.31,
0.34,
0.35,
0.2,
0.31,
0.32,
0.19,
0.33,
0.29,
0.35,
0.22,
0.39,
0.24,
0.24,
0.3,
0.23,
0.32,
0.29,
0.39,
0.31,
0.34,
0.27,
0.2,
0.32,
0.36,
0.25,
0.18,
0.27,
0.35,
0.25,
7.97,
7.97,
7.99,
7.85,
3.74,
0.36,
0.19,
0.37,
0.3,
0.35,
0.23,
0.24,
0.31,
0.32,
0.21,
0.32,
0.21,
0.26,
0.28,
0.25,
0.22,
0.35,
0.21,
0.31,
0.19,
0.38,
0.3,
0.33,
0.19,
0.33,
0.4,
0.23
],
"typical": [
14400,
14500,
14500,
14600,
14700,
14700,
14800,
14900,
15000,
15200,
15300,
15400,
15600,
15700,
15900,
16000,
16200,
16300,
16500,
16600,
16700,
16900,
17000,
17100,
17200,
17300,
17400,
17500,
17500,
17500,
17600,
17600,
17600,
17600,
17600,
17500,
17500,
17400,
17400,
17300,
17300,
17200,
17100,
17100,
17000,
17000,
16900,
16900,
16900,
16900,
16900,
16900,
16900,
17000,
17100,
17100,
17300,
17400,
17500,
17700,
17900,
18100,
18300,
18500,
18700,
18900,
19200,
19400,
19700,
19900,
20200,
20400,
20700,
20900,
21100,
21400,
21600,
21800,
21900,
22100,
22300,
22400,
22500,
22700,
22800,
22900,
22900,
23000,
23100,
23100,
23200,
23200,
23300,
23300,
23300,
23400,
23400,
23500,
23500,
23500,
23600,
23600,
23700,
23700,
23700,
23800,
23800,
23800,
23800,
23800,
23800,
23800,
23800,
23700,
23700,
23600,
23500,
23400,
23200,
23100,
22900,
22700,
22500,
22200,
22000,
21700,
21400,
21100,
20800,
20400,
20100,
19800,
19400,
19100,
18700,
18400,
18000,
17700,
17400,
17100,
16800,
16500,
16200,
16000
]
},
{
"name": "eu-k8s-1",
"lane": "cost",
"data": [
30,
30,
29,
28,
30,
30,
31,
29,
30,
31,
30,
30,
29,
29,
30,
30,
29,
30,
30,
31,
29,
29,
30,
30,
30,
30,
29,
30,
30,
31,
31,
31,
31,
31,
32,
33,
32,
33,
33,
33,
32,
33,
32,
33,
32,
35,
33,
34,
35,
34,
35,
35,
37,
36,
37,
38,
37,
39,
40,
40,
41,
39,
40,
40,
43,
42,
42,
43,
45,
45,
46,
44,
44,
47,
48,
46,
47,
47,
49,
49,
49,
48,
51,
52,
50,
51,
49,
52,
49,
50,
51,
50,
50,
52,
50,
50,
50,
48,
48,
48,
50,
48,
50,
48,
46,
47,
47,
44,
46,
46,
45,
43,
42,
44,
43,
41,
43,
40,
42,
41,
41,
40,
39,
40,
37,
38,
37,
35,
35,
35,
34,
35,
34,
34,
34,
34,
33,
33,
34,
33,
33,
33,
31,
31
]
},
{
"name": "eu-k8s-2",
"lane": "cost",
"data": [
27,
26,
27,
26,
27,
27,
27,
26,
26,
28,
27,
28,
26,
28,
28,
27,
27,
27,
28,
26,
27,
27,
28,
28,
28,
28,
26,
27,
28,
28,
27,
28,
29,
27,
29,
29,
29,
30,
30,
30,
28,
30,
29,
31,
29,
30,
30,
31,
31,
31,
32,
31,
33,
33,
34,
35,
33,
35,
35,
36,
35,
35,
37,
36,
37,
39,
38,
41,
41,
40,
39,
41,
42,
41,
42,
42,
43,
42,
42,
43,
45,
45,
43,
46,
44,
44,
46,
46,
46,
46,
47,
44,
45,
44,
45,
45,
44,
43,
43,
44,
46,
43,
44,
44,
42,
44,
43,
43,
43,
42,
39,
40,
138,
136,
134,
136,
119,
72,
72,
73,
72,
70,
34,
34,
36,
34,
34,
34,
33,
33,
32,
32,
30,
31,
30,
31,
30,
30,
29,
30,
29,
29,
28,
28
]
},
{
"name": "us-k8s-1",
"lane": "cost",
"data": [
39,
39,
40,
40,
39,
39,
40,
38,
40,
38,
38,
37,
37,
38,
37,
39,
39,
38,
37,
38,
40,
41,
40,
40,
41,
40,
40,
40,
39,
40,
40,
40,
41,
41,
41,
41,
42,
41,
43,
41,
41,
43,
45,
42,
42,
43,
43,
45,
46,
46,
46,
48,
46,
49,
50,
49,
49,
49,
52,
50,
51,
54,
52,
54,
57,
53,
58,
56,
58,
56,
61,
60,
59,
61,
60,
62,
62,
65,
65,
66,
66,
62,
63,
65,
65,
64,
66,
64,
65,
67,
68,
65,
64,
64,
64,
63,
67,
66,
65,
66,
62,
64,
65,
61,
62,
61,
62,
61,
62,
57,
57,
60,
59,
57,
54,
55,
55,
55,
54,
52,
50,
50,
51,
52,
50,
50,
50,
49,
48,
46,
47,
47,
46,
45,
45,
45,
44,
42,
44,
44,
41,
42,
41,
43
]
},
{
"name": "gpu-inf-1",
"lane": "cost",
"data": [
110,
111,
116,
114,
114,
109,
114,
115,
108,
115,
112,
110,
108,
110,
113,
117,
114,
114,
109,
113,
111,
118,
111,
112,
116,
113,
120,
113,
114,
120,
116,
122,
116,
114,
122,
119,
119,
125,
123,
125,
125,
123,
129,
129,
123,
129,
125,
131,
131,
136,
135,
131,
143,
144,
145,
143,
146,
147,
151,
154,
150,
156,
161,
160,
163,
165,
166,
170,
162,
169,
170,
179,
170,
179,
175,
180,
180,
175,
186,
178,
185,
181,
181,
184,
191,
194,
196,
187,
185,
190,
185,
198,
197,
192,
198,
198,
195,
184,
192,
187,
193,
181,
189,
177,
188,
178,
178,
169,
171,
173,
174,
174,
165,
166,
167,
161,
166,
160,
155,
154,
150,
148,
143,
146,
143,
142,
145,
140,
143,
133,
132,
137,
130,
132,
129,
131,
128,
125,
122,
124,
124,
125,
118,
124
]
},
{
// Full configuration available through Raw or Copy.
const chart = new WestCoastCharts(document.querySelector('#chart'), options)
chart.render()import WestCoastCharts from 'west-coast-charts'
import premium from 'west-coast-charts/premium'
import quint from 'west-coast-charts/layers/quint'
WestCoastCharts.use(premium).use(quint)
const WestCoastChartsPremium = premium
const WestCoastChartsLayer_quint = quint
WestCoastCharts.setLicenseKey(LICENCE_KEY) // paid production licence; localhost evaluation needs no key
const options = {
"chart": {
"type": "quintConvergence",
"height": "auto"
},
"series": [
{
"name": "Requests",
"lane": "req",
"keys": [
"Requests"
],
"data": [
14280,
14580,
14820,
14520,
14640,
15000,
15300,
15360,
14940,
15300,
15360,
15420,
15540,
16020,
15600,
16020,
16740,
16440,
16920,
16440,
16800,
16260,
17280,
16800,
18000,
16920,
17040,
17820,
17520,
16800,
17340,
17640,
17040,
17580,
16980,
17700,
18420,
17340,
17340,
17460,
17520,
17340,
17760,
16980,
17400,
16920,
17220,
16800,
16560,
16680,
17640,
17280,
16980,
16140,
17160,
16800,
17880,
16980,
17880,
17340,
17160,
18360,
17820,
18060,
19140,
19800,
18960,
19740,
20400,
19980,
19680,
21060,
20220,
21840,
21360,
21960,
21240,
22620,
22320,
21000,
22680,
23160,
22560,
22800,
23580,
23400,
22140,
22440,
23520,
23460,
23520,
23820,
24120,
23160,
23460,
24600,
22500,
22740,
22260,
23880,
23760,
24540,
23400,
23760,
23040,
23280,
22560,
23640,
24480,
23940,
23040,
24300,
28860,
30000,
30060,
28740,
25680,
23700,
22260,
23700,
23580,
22560,
22260,
22740,
22320,
21720,
20820,
21300,
20460,
19560,
19980,
19800,
18780,
19320,
19260,
18900,
18240,
17400,
17460,
17100,
17220,
16680,
16020,
16320
],
"errorRate": [
0.23,
0.35,
0.32,
0.34,
0.28,
0.29,
0.31,
0.25,
0.25,
0.3,
0.24,
0.22,
0.26,
0.22,
0.27,
0.23,
0.32,
0.33,
0.24,
0.27,
0.36,
0.2,
0.21,
0.38,
0.38,
0.23,
0.23,
0.23,
0.38,
0.38,
0.38,
0.33,
0.3,
0.34,
0.38,
0.19,
0.39,
0.34,
0.27,
0.32,
0.27,
1.3,
1.12,
1.2,
1.12,
1.19,
0.26,
0.3,
0.23,
0.35,
0.33,
0.31,
0.21,
0.18,
0.21,
0.28,
0.35,
0.23,
0.38,
0.31,
0.32,
0.2,
0.18,
0.38,
0.37,
0.31,
0.29,
0.32,
0.4,
0.39,
0.37,
0.35,
0.2,
0.34,
0.3,
0.28,
0.23,
0.33,
0.38,
0.18,
0.23,
0.21,
0.31,
0.34,
0.35,
0.2,
0.31,
0.32,
0.19,
0.33,
0.29,
0.35,
0.22,
0.39,
0.24,
0.24,
0.3,
0.23,
0.32,
0.29,
0.39,
0.31,
0.34,
0.27,
0.2,
0.32,
0.36,
0.25,
0.18,
0.27,
0.35,
0.25,
7.97,
7.97,
7.99,
7.85,
3.74,
0.36,
0.19,
0.37,
0.3,
0.35,
0.23,
0.24,
0.31,
0.32,
0.21,
0.32,
0.21,
0.26,
0.28,
0.25,
0.22,
0.35,
0.21,
0.31,
0.19,
0.38,
0.3,
0.33,
0.19,
0.33,
0.4,
0.23
],
"typical": [
14400,
14500,
14500,
14600,
14700,
14700,
14800,
14900,
15000,
15200,
15300,
15400,
15600,
15700,
15900,
16000,
16200,
16300,
16500,
16600,
16700,
16900,
17000,
17100,
17200,
17300,
17400,
17500,
17500,
17500,
17600,
17600,
17600,
17600,
17600,
17500,
17500,
17400,
17400,
17300,
17300,
17200,
17100,
17100,
17000,
17000,
16900,
16900,
16900,
16900,
16900,
16900,
16900,
17000,
17100,
17100,
17300,
17400,
17500,
17700,
17900,
18100,
18300,
18500,
18700,
18900,
19200,
19400,
19700,
19900,
20200,
20400,
20700,
20900,
21100,
21400,
21600,
21800,
21900,
22100,
22300,
22400,
22500,
22700,
22800,
22900,
22900,
23000,
23100,
23100,
23200,
23200,
23300,
23300,
23300,
23400,
23400,
23500,
23500,
23500,
23600,
23600,
23700,
23700,
23700,
23800,
23800,
23800,
23800,
23800,
23800,
23800,
23800,
23700,
23700,
23600,
23500,
23400,
23200,
23100,
22900,
22700,
22500,
22200,
22000,
21700,
21400,
21100,
20800,
20400,
20100,
19800,
19400,
19100,
18700,
18400,
18000,
17700,
17400,
17100,
16800,
16500,
16200,
16000
]
},
{
"name": "eu-k8s-1",
"lane": "cost",
"data": [
30,
30,
29,
28,
30,
30,
31,
29,
30,
31,
30,
30,
29,
29,
30,
30,
29,
30,
30,
31,
29,
29,
30,
30,
30,
30,
29,
30,
30,
31,
31,
31,
31,
31,
32,
33,
32,
33,
33,
33,
32,
33,
32,
33,
32,
35,
33,
34,
35,
34,
35,
35,
37,
36,
37,
38,
37,
39,
40,
40,
41,
39,
40,
40,
43,
42,
42,
43,
45,
45,
46,
44,
44,
47,
48,
46,
47,
47,
49,
49,
49,
48,
51,
52,
50,
51,
49,
52,
49,
50,
51,
50,
50,
52,
50,
50,
50,
48,
48,
48,
50,
48,
50,
48,
46,
47,
47,
44,
46,
46,
45,
43,
42,
44,
43,
41,
43,
40,
42,
41,
41,
40,
39,
40,
37,
38,
37,
35,
35,
35,
34,
35,
34,
34,
34,
34,
33,
33,
34,
33,
33,
33,
31,
31
]
},
{
"name": "eu-k8s-2",
"lane": "cost",
"data": [
27,
26,
27,
26,
27,
27,
27,
26,
26,
28,
27,
28,
26,
28,
28,
27,
27,
27,
28,
26,
27,
27,
28,
28,
28,
28,
26,
27,
28,
28,
27,
28,
29,
27,
29,
29,
29,
30,
30,
30,
28,
30,
29,
31,
29,
30,
30,
31,
31,
31,
32,
31,
33,
33,
34,
35,
33,
35,
35,
36,
35,
35,
37,
36,
37,
39,
38,
41,
41,
40,
39,
41,
42,
41,
42,
42,
43,
42,
42,
43,
45,
45,
43,
46,
44,
44,
46,
46,
46,
46,
47,
44,
45,
44,
45,
45,
44,
43,
43,
44,
46,
43,
44,
44,
42,
44,
43,
43,
43,
42,
39,
40,
138,
136,
134,
136,
119,
72,
72,
73,
72,
70,
34,
34,
36,
34,
34,
34,
33,
33,
32,
32,
30,
31,
30,
31,
30,
30,
29,
30,
29,
29,
28,
28
]
},
{
"name": "us-k8s-1",
"lane": "cost",
"data": [
39,
39,
40,
40,
39,
39,
40,
38,
40,
38,
38,
37,
37,
38,
37,
39,
39,
38,
37,
38,
40,
41,
40,
40,
41,
40,
40,
40,
39,
40,
40,
40,
41,
41,
41,
41,
42,
41,
43,
41,
41,
43,
45,
42,
42,
43,
43,
45,
46,
46,
46,
48,
46,
49,
50,
49,
49,
49,
52,
50,
51,
54,
52,
54,
57,
53,
58,
56,
58,
56,
61,
60,
59,
61,
60,
62,
62,
65,
65,
66,
66,
62,
63,
65,
65,
64,
66,
64,
65,
67,
68,
65,
64,
64,
64,
63,
67,
66,
65,
66,
62,
64,
65,
61,
62,
61,
62,
61,
62,
57,
57,
60,
59,
57,
54,
55,
55,
55,
54,
52,
50,
50,
51,
52,
50,
50,
50,
49,
48,
46,
47,
47,
46,
45,
45,
45,
44,
42,
44,
44,
41,
42,
41,
43
]
},
{
"name": "gpu-inf-1",
"lane": "cost",
"data": [
110,
111,
116,
114,
114,
109,
114,
115,
108,
115,
112,
110,
108,
110,
113,
117,
114,
114,
109,
113,
111,
118,
111,
112,
116,
113,
120,
113,
114,
120,
116,
122,
116,
114,
122,
119,
119,
125,
123,
125,
125,
123,
129,
129,
123,
129,
125,
131,
131,
136,
135,
131,
143,
144,
145,
143,
146,
147,
151,
154,
150,
156,
161,
160,
163,
165,
166,
170,
162,
169,
170,
179,
170,
179,
175,
180,
180,
175,
186,
178,
185,
181,
181,
184,
191,
194,
196,
187,
185,
190,
185,
198,
197,
192,
198,
198,
195,
184,
192,
187,
193,
181,
189,
177,
188,
178,
178,
169,
171,
173,
174,
174,
165,
166,
167,
161,
166,
160,
155,
154,
150,
148,
143,
146,
143,
142,
145,
140,
143,
133,
132,
137,
130,
132,
129,
131,
128,
125,
122,
124,
124,
125,
118,
124
]
},
{
// Full configuration available through Raw or Copy.
const chart = new WestCoastCharts(document.querySelector('#chart'), options)
await chart.render()Waiting for the chart.
Open Data & agent view to read this chart through chart.describe().
Read from the running library through its optional agent/describe module. Text, table and JSON share the same snapshot. Demo data only.
$ wcc chart export quint-convergence-eu-incident.json --out quint-convergence-eu-incident.svg --with-tablePublic agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm. Save a JSON spec first and check the loaded runtime and supported modules before rendering. Command reference
Loading /gallery/quint-convergence/eu-incident/index.md …This example uses Premium modules. Compare licences · Embedding in a distributed product?