1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
{
$schema: "https://vega.github.io/schema/vega-lite/v2.json"
title: "Capacity in Gbps - 0.001% loss ratio"
data: {
url: {
%context%: true
%timefield%: "@timestamp"
index: resu*
body: {
_source: ["@timestamp", "_source", "offered_tx_rate_bps", "flow_count", "frame_size", "user_label"]
},
size: 10000
},
format: { property: "hits.hits" }
},
transform: [
{ calculate: "datum._source['offered_tx_rate_bps'] / 1000000000" as: "Offered load (Gbps)"},
{ calculate: "datum._source['flow_count']" as: "Flow count"},
{ calculate: "isNaN(toNumber(datum._source['frame_size'])) ? 362 : toNumber(datum._source['frame_size'])" as: "Frame size (bytes)"}
{ calculate: "datum._source['user_label'] + '-' + datum._source['flow_count']" as: "label"}
],
center: true,
hconcat: [
{
width:10,
selection: {
legendSel: {
type: "multi",
encodings: [ "color", "shape" ],
toggle: "event.shiftKey"
}
},
encoding: {
y: {
field: "label",
type: "nominal",
axis: {
title: "",
domain: false,
ticks: false,
offset: 10
},
},
color: {
condition: {
selection: "legendSel",
field: "label",
type: "nominal",
legend: null
},
value: "lightgrey"
}
},
mark: {
type: "square",
size: 120,
opacity: 1
}
},
{
width:500,
height:280,
transform: [
{filter: { selection: "legendSel"}}
],
mark: {
"type": "point",
"tooltip": true
},
selection: {
grid: {
type: "interval",
resolve: "global",
bind: "scales",
translate: "[mousedown[!event.shiftKey], window:mouseup] > window:mousemove!",
zoom: "wheel![!event.shiftKey]"
},
pts: {
type: "single",
fields: ["label"]
}
},
encoding: {
x: {
field: "Frame size (bytes)",
type: "quantitative"
}
y: {
field: "Offered load (Gbps)",
type: "quantitative"
}
color: {
field: "label", "type": "nominal",
"legend": null
}
shape: {
field: "Flow count",
type: "nominal"
}
tooltip: {
"field": "Offered load (Gbps)",
"type": "quantitative"
}
}
}
]
}
|
