feat(etl): 2306
[csit.git] / resources / tools / presentation / specifications / report / layouts.yaml
1 ################################################################################
2 ###                              L A Y O U T S                               ###
3 ################################################################################
4
5 - type: "layouts"
6
7   plot-soak-throughput:
8     titlefont:
9       size: 16
10     xaxis:
11       title: "<b>Test Cases [Index]</b>"
12       titlefont:
13         size: 14
14       autorange: True
15       fixedrange: False
16       gridcolor: "rgb(230, 230, 230)"
17       linecolor: "rgb(220, 220, 220)"
18       linewidth: 1
19       showgrid: True
20       showline: True
21       showticklabels: True
22       tickcolor: "rgb(220, 220, 220)"
23       tickmode: "array"
24       tickfont:
25         size: 14
26       zeroline: False
27     yaxis:
28       title: "<b>Critical Rate Lower Bound [Mpps]</b>"
29       titlefont:
30         size: 14
31       gridcolor: "rgb(230, 230, 230)"
32       hoverformat: ".4r"
33       tickformat: ".3r"
34       linecolor: "rgb(220, 220, 220)"
35       linewidth: 1
36       showgrid: True
37       showline: True
38       showticklabels: True
39       tickcolor: "rgb(220, 220, 220)"
40       tickfont:
41         size: 14
42       zeroline: False
43       range: [0,50]
44     autosize: False
45     margin:
46       t: 50
47       b: 0
48       l: 80
49       r: 20
50     showlegend: True
51     legend:
52       orientation: "h"
53       font:
54         size: 14
55     width: 700
56     height: 900
57     paper_bgcolor: "#fff"
58     plot_bgcolor: "#fff"
59     hoverlabel:
60       namelength: -1
61
62   plot-service-density:
63     titlefont:
64       size: 16
65     xaxis:
66       side: "top"
67       autorange: True
68       fixedrange: False
69       showgrid: False
70       showline: False
71       showticklabels: False
72       ticks: ""
73       ticklen: 0
74       tickwidth: 0
75       zeroline: False
76     yaxis:
77       autorange: "reversed"
78       showgrid: False
79       showline: False
80       showticklabels: False
81       ticks: ""
82       ticklen: 0
83       tickwidth: 0
84       zeroline: False
85     showlegend: False
86     paper_bgcolor: "#fff"
87     plot_bgcolor: "#fff"
88     width: 700
89     height: 700
90     hoverlabel:
91       namelength: -1
92
93   plot-hoststack:
94     titlefont:
95       size: 16
96     xaxis:
97       title: "<b>Test Cases [Index]</b>"
98       titlefont:
99         size: 14
100       autorange: True
101       fixedrange: False
102       gridcolor: "rgb(230, 230, 230)"
103       linecolor: "rgb(220, 220, 220)"
104       linewidth: 1
105       showgrid: True
106       showline: True
107       showticklabels: True
108       tickcolor: "rgb(220, 220, 220)"
109       tickmode: "array"
110       tickfont:
111         size: 14
112       zeroline: False
113     yaxis:
114       title: "<b>Bandwidth [Gbps]</b>"
115       titlefont:
116         size: 14
117       gridcolor: "rgb(230, 230, 230)"
118       hoverformat: ".4s"
119       linecolor: "rgb(220, 220, 220)"
120       linewidth: 1
121       rangemode: "tozero"
122       showgrid: True
123       showline: True
124       showticklabels: True
125       tickcolor: "rgb(230, 230, 230)"
126       tickformat: ".3s"
127       tickfont:
128         size: 14
129       zeroline: False
130     autosize: False
131     margin:
132       t: 50
133       b: 20
134       l: 80
135       r: 20
136     showlegend: True
137     legend:
138       orientation: "h"
139       font:
140         size: 14
141     width: 700
142     height: 800
143     paper_bgcolor: "#fff"
144     plot_bgcolor: "#fff"
145     hoverlabel:
146       namelength: -1
147
148   plot-throughput:
149     titlefont:
150       size: 16
151     xaxis:
152       title: "<b>Test Cases [Index]</b>"
153       titlefont:
154         size: 14
155       autorange: True
156       fixedrange: False
157       gridcolor: "rgb(230, 230, 230)"
158       linecolor: "rgb(220, 220, 220)"
159       linewidth: 1
160       showgrid: True
161       showline: True
162       showticklabels: True
163       tickcolor: "rgb(220, 220, 220)"
164       tickmode: "array"
165       tickfont:
166         size: 14
167       zeroline: False
168     yaxis:
169       title: "<b>Packet Throughput [Mpps]</b>"
170       titlefont:
171         size: 14
172       gridcolor: "rgb(230, 230, 230)"
173       hoverformat: ".4r"
174       tickformat: ".3r"
175       linecolor: "rgb(220, 220, 220)"
176       linewidth: 1
177       showgrid: True
178       showline: True
179       showticklabels: True
180       tickcolor: "rgb(220, 220, 220)"
181       tickfont:
182         size: 14
183       zeroline: False
184       range: [0,50]
185     autosize: False
186     margin:
187       t: 50
188       b: 0
189       l: 80
190       r: 20
191     showlegend: True
192     legend:
193       orientation: "h"
194       font:
195         size: 14
196     width: 700
197     height: 900
198     paper_bgcolor: "#fff"
199     plot_bgcolor: "#fff"
200     hoverlabel:
201       namelength: -1
202
203   plot-throughput-gbps:
204     titlefont:
205       size: 16
206     xaxis:
207       title: "<b>Test Cases [Index]</b>"
208       titlefont:
209         size: 14
210       autorange: True
211       fixedrange: False
212       gridcolor: "rgb(230, 230, 230)"
213       linecolor: "rgb(220, 220, 220)"
214       linewidth: 1
215       showgrid: True
216       showline: True
217       showticklabels: True
218       tickcolor: "rgb(220, 220, 220)"
219       tickmode: "array"
220       tickfont:
221         size: 14
222       zeroline: False
223     yaxis:
224       title: "<b>Data Throughput [Gbps]</b>"
225       titlefont:
226         size: 14
227       gridcolor: "rgb(230, 230, 230)"
228       hoverformat: ".4r"
229       tickformat: ".3r"
230       linecolor: "rgb(220, 220, 220)"
231       linewidth: 1
232       showgrid: True
233       showline: True
234       showticklabels: True
235       tickcolor: "rgb(220, 220, 220)"
236       tickfont:
237         size: 14
238       zeroline: False
239       range: [0,10]
240     autosize: False
241     margin:
242       t: 50
243       b: 0
244       l: 80
245       r: 20
246     showlegend: True
247     legend:
248       orientation: "h"
249       font:
250         size: 14
251     width: 700
252     height: 900
253     paper_bgcolor: "#fff"
254     plot_bgcolor: "#fff"
255     hoverlabel:
256       namelength: -1
257
258   plot-cps:
259     titlefont:
260       size: 16
261     xaxis:
262       title: "<b>Test Cases [Index]</b>"
263       titlefont:
264         size: 14
265       autorange: True
266       fixedrange: False
267       gridcolor: "rgb(230, 230, 230)"
268       linecolor: "rgb(220, 220, 220)"
269       linewidth: 1
270       showgrid: True
271       showline: True
272       showticklabels: True
273       tickcolor: "rgb(220, 220, 220)"
274       tickmode: "array"
275       tickfont:
276         size: 14
277       zeroline: False
278     yaxis:
279       title: "<b>Connection Rate [Mcps]</b>"
280       titlefont:
281         size: 14
282       gridcolor: "rgb(230, 230, 230)"
283       hoverformat: ".4r"
284       tickformat: ".3s"
285       linecolor: "rgb(220, 220, 220)"
286       linewidth: 1
287       showgrid: True
288       showline: True
289       showticklabels: True
290       tickcolor: "rgb(220, 220, 220)"
291       tickfont:
292         size: 14
293       zeroline: False
294       range: [0,10]
295     autosize: False
296     margin:
297       t: 50
298       b: 0
299       l: 80
300       r: 20
301     showlegend: True
302     legend:
303       orientation: "h"
304       font:
305         size: 14
306     width: 700
307     height: 900
308     paper_bgcolor: "#fff"
309     plot_bgcolor: "#fff"
310     hoverlabel:
311       namelength: -1
312
313   plot-rps:
314     titlefont:
315       size: 16
316     xaxis:
317       title: "<b>Test Cases [Index]</b>"
318       titlefont:
319         size: 14
320       autorange: True
321       fixedrange: False
322       gridcolor: "rgb(230, 230, 230)"
323       linecolor: "rgb(220, 220, 220)"
324       linewidth: 1
325       showgrid: True
326       showline: True
327       showticklabels: True
328       tickcolor: "rgb(220, 220, 220)"
329       tickmode: "array"
330       tickfont:
331         size: 14
332       zeroline: False
333     yaxis:
334       title: "<b>Request Rate [Mrps]</b>"
335       titlefont:
336         size: 14
337       gridcolor: "rgb(230, 230, 230)"
338       hoverformat: ".4r"
339       tickformat: ".3s"
340       linecolor: "rgb(220, 220, 220)"
341       linewidth: 1
342       showgrid: True
343       showline: True
344       showticklabels: True
345       tickcolor: "rgb(220, 220, 220)"
346       tickfont:
347         size: 14
348       zeroline: False
349       range: [0,10]
350     autosize: False
351     margin:
352       t: 50
353       b: 0
354       l: 80
355       r: 20
356     showlegend: True
357     legend:
358       orientation: "h"
359       font:
360         size: 14
361     width: 700
362     height: 900
363     paper_bgcolor: "#fff"
364     plot_bgcolor: "#fff"
365     hoverlabel:
366       namelength: -1
367
368   plot-throughput-speedup-analysis:
369     titlefont:
370       size: 16
371     xaxis:
372       title: "<b>Number of Cores [Qty]</b>"
373       titlefont:
374         size: 14
375       autorange: True
376       fixedrange: False
377       gridcolor: "rgb(230, 230, 230)"
378       linecolor: "rgb(220, 220, 220)"
379       linewidth: 1
380       showgrid: True
381       showline: True
382       showticklabels: True
383       tickcolor: "rgb(238, 238, 238)"
384       tickmode: "linear"
385       tickfont:
386         size: 14
387       zeroline: False
388     yaxis:
389       title: "<b>Packet Throughput [Mpps]</b>"
390       titlefont:
391         size: 14
392       type: "linear"
393       gridcolor: "rgb(230, 230, 230)"
394       hoverformat: ".4s"
395       linecolor: "rgb(220, 220, 220)"
396       linewidth: 1
397       showgrid: True
398       showline: True
399       showticklabels: True
400       tickcolor: "rgb(220, 220, 220)"
401       tickformat: ".4s"
402       tickfont:
403         size: 14
404       zeroline: True
405       rangemode: "tozero"
406       range: [0,100]
407     legend:
408       orientation: "h"
409       font:
410         size: 14
411       xanchor: "left"
412       yanchor: "top"
413       x: 0
414       y: -0.2
415       bgcolor: "rgba(255, 255, 255, 0)"
416       bordercolor: "rgba(255, 255, 255, 0)"
417       traceorder: "normal"  # "grouped" does not work: bug https://github.com/plotly/plotly.js/issues/1913
418     autosize: False
419     margin:
420         't': 50
421         'b': 150
422         'l': 85
423         'r': 10
424     showlegend: True
425     width: 700
426     height: 700
427     paper_bgcolor: "#fff"
428     plot_bgcolor: "#fff"
429     hoverlabel:
430       namelength: -1
431     annotations: [
432       {
433         text: "_ _          __          ...",
434         align: "left",
435         showarrow: False,
436         xref: "paper",
437         yref: "paper",
438         xanchor: "left",
439         yanchor: "top",
440         x: 0,
441         y: -0.14,
442         font: {
443           family: "Consolas, Courier New",
444           size: 13
445         },
446       },
447       {
448         text: "    Perfect     Measured     Limit",
449         align: "left",
450         showarrow: False,
451         xref: "paper",
452         yref: "paper",
453         xanchor: "left",
454         yanchor: "top",
455         x: 0,
456         y: -0.15,
457         font: {
458           family: "Consolas, Courier New",
459           size: 13
460         },
461       },
462     ]
463
464   plot-throughput-speedup-analysis-gbps:
465     titlefont:
466       size: 16
467     xaxis:
468       title: "<b>Number of Cores [Qty]</b>"
469       titlefont:
470         size: 14
471       autorange: True
472       fixedrange: False
473       gridcolor: "rgb(230, 230, 230)"
474       linecolor: "rgb(220, 220, 220)"
475       linewidth: 1
476       showgrid: True
477       showline: True
478       showticklabels: True
479       tickcolor: "rgb(238, 238, 238)"
480       tickmode: "linear"
481       tickfont:
482         size: 14
483       zeroline: False
484     yaxis:
485       title: "<b>Packet Throughput [Gbps]</b>"
486       titlefont:
487         size: 14
488       type: "linear"
489       gridcolor: "rgb(230, 230, 230)"
490       hoverformat: ".4s"
491       linecolor: "rgb(220, 220, 220)"
492       linewidth: 1
493       showgrid: True
494       showline: True
495       showticklabels: True
496       tickcolor: "rgb(220, 220, 220)"
497       tickformat: ".4s"
498       tickfont:
499         size: 14
500       zeroline: True
501       rangemode: "tozero"
502       range: [0,100]
503     legend:
504       orientation: "h"
505       font:
506         size: 14
507       xanchor: "left"
508       yanchor: "top"
509       x: 0
510       y: -0.2
511       bgcolor: "rgba(255, 255, 255, 0)"
512       bordercolor: "rgba(255, 255, 255, 0)"
513       traceorder: "normal"  # "grouped" does not work: bug https://github.com/plotly/plotly.js/issues/1913
514     autosize: False
515     margin:
516         't': 50
517         'b': 150
518         'l': 85
519         'r': 10
520     showlegend: True
521     width: 700
522     height: 700
523     paper_bgcolor: "#fff"
524     plot_bgcolor: "#fff"
525     hoverlabel:
526       namelength: -1
527     annotations: [
528       {
529         text: "_ _          __",
530         align: "left",
531         showarrow: False,
532         xref: "paper",
533         yref: "paper",
534         xanchor: "left",
535         yanchor: "top",
536         x: 0,
537         y: -0.13,
538         font: {
539           family: "Consolas, Courier New",
540           size: 13
541         },
542       },
543       {
544         text: "    Perfect     Measured",
545         align: "left",
546         showarrow: False,
547         xref: "paper",
548         yref: "paper",
549         xanchor: "left",
550         yanchor: "top",
551         x: 0,
552         y: -0.15,
553         font: {
554           family: "Consolas, Courier New",
555           size: 13
556         },
557       },
558     ]
559
560   plot-throughput-speedup-analysis-cps:
561     titlefont:
562       size: 16
563     xaxis:
564       title: "<b>Number of Cores [Qty]</b>"
565       titlefont:
566         size: 14
567       autorange: True
568       fixedrange: False
569       gridcolor: "rgb(230, 230, 230)"
570       linecolor: "rgb(220, 220, 220)"
571       linewidth: 1
572       showgrid: True
573       showline: True
574       showticklabels: True
575       tickcolor: "rgb(238, 238, 238)"
576       tickmode: "linear"
577       tickfont:
578         size: 14
579       zeroline: False
580     yaxis:
581       title: "<b>Connection Rate [Mcps]</b>"
582       titlefont:
583         size: 14
584       type: "linear"
585       gridcolor: "rgb(230, 230, 230)"
586       hoverformat: ".4s"
587       linecolor: "rgb(220, 220, 220)"
588       linewidth: 1
589       showgrid: True
590       showline: True
591       showticklabels: True
592       tickcolor: "rgb(220, 220, 220)"
593       tickformat: ".4s"
594       tickfont:
595         size: 14
596       zeroline: True
597       rangemode: "tozero"
598       range: [0,100]
599     legend:
600       orientation: "h"
601       font:
602         size: 14
603       xanchor: "left"
604       yanchor: "top"
605       x: 0
606       y: -0.2
607       bgcolor: "rgba(255, 255, 255, 0)"
608       bordercolor: "rgba(255, 255, 255, 0)"
609       traceorder: "normal"  # "grouped" does not work: bug https://github.com/plotly/plotly.js/issues/1913
610     autosize: False
611     margin:
612         't': 50
613         'b': 150
614         'l': 85
615         'r': 10
616     showlegend: True
617     width: 700
618     height: 700
619     paper_bgcolor: "#fff"
620     plot_bgcolor: "#fff"
621     hoverlabel:
622       namelength: -1
623     annotations: [
624       {
625         text: "_ _          __",
626         align: "left",
627         showarrow: False,
628         xref: "paper",
629         yref: "paper",
630         xanchor: "left",
631         yanchor: "top",
632         x: 0,
633         y: -0.13,
634         font: {
635           family: "Consolas, Courier New",
636           size: 13
637         },
638       },
639       {
640         text: "    Perfect     Measured",
641         align: "left",
642         showarrow: False,
643         xref: "paper",
644         yref: "paper",
645         xanchor: "left",
646         yanchor: "top",
647         x: 0,
648         y: -0.15,
649         font: {
650           family: "Consolas, Courier New",
651           size: 13
652         },
653       },
654     ]
655
656   plot-latency:
657     titlefont:
658       size: 16
659     xaxis:
660       title: "<b>Direction</b>"
661       titlefont:
662         size: 14
663       autorange: True
664       fixedrange: False
665       gridcolor: "rgb(230, 230, 230)"
666       linecolor: "rgb(220, 220, 220)"
667       linewidth: 1
668       showgrid: True
669       showline: True
670       showticklabels: False
671       tickcolor: "rgb(220, 220, 220)"
672       tickmode: "linear"
673       tickfont:
674         size: 14
675       zeroline: False
676     yaxis:
677       title: "<b>Packet Latency [uSec]</b>"
678       titlefont:
679         size: 14
680       type: "linear"
681       gridcolor: "rgb(230, 230, 230)"
682       hoverformat: ".4s"
683       linecolor: "rgb(220, 220, 220)"
684       linewidth: 1
685       showgrid: True
686       showline: True
687       showticklabels: True
688       tickcolor: "rgb(220, 220, 220)"
689       tickformat: ".4s"
690       tickfont:
691         size: 14
692       zeroline: True
693       rangemode: "tozero"
694     legend:
695       orientation: "h"
696       font:
697         size: 14
698       traceorder: "normal"  # "grouped" does not work: bug https://github.com/plotly/plotly.js/issues/1913
699     autosize: False
700     margin:
701         't': 50
702         'b': 150
703         'l': 80
704         'r': 10
705     showlegend: True
706     width: 700
707     height: 700
708     paper_bgcolor: "#fff"
709     plot_bgcolor: "#fff"
710     hoverlabel:
711       namelength: -1
712
713   plot-hdrh-latency:
714     title:
715       text: ""
716       xanchor: "center"
717       x: 0.5
718       font:
719         size: 16
720     width: 700
721     plot_bgcolor: "white"
722     annotations:
723       - font:
724           size: 14
725         showarrow: False
726         text: "<b>Packet Latency [uSec]</b>"
727         x: 1
728         xanchor: "right"
729         xref: "paper"
730         y: -0.045
731         yanchor: "top"
732         yref: "paper"
733       - font:
734           size: 14
735         showarrow: False
736         text: "<b>Probability [%]</b>"
737         textangle: 270
738         x: -0.06
739         xanchor: "center"
740         xref: "paper"
741         y: 0.5
742         yanchor: "middle"
743         yref: "paper"
744       - font:
745           size: 14
746         showarrow: False
747         text: "<b>Direction: E-W</b>"
748         x: 0.24
749         xanchor: "center"
750         xref: "paper"
751         y: 1.05
752         yanchor: "bottom"
753         yref: "paper"
754       - font:
755           size: 14
756         showarrow: False
757         text: "<b>Direction: W-E</b>"
758         x: 0.74
759         xanchor: "center"
760         xref: "paper"
761         y: 1.05
762         yanchor: "bottom"
763         yref: "paper"
764
765   plot-hdrh-latency-percentile-x-log:
766     title:
767       text: "<b>Latency by Percentile Distribution</b>"
768       xanchor: "center"
769       x: 0.5
770       font:
771         size: 18
772     showlegend: True
773     legend:
774       traceorder: "normal"
775       orientation: "h"
776       font:
777         size: 16
778       xanchor: "left"
779       yanchor: "top"
780       x: 0
781       y: -0.2
782       bgcolor: "rgba(255, 255, 255, 0)"
783       bordercolor: "rgba(255, 255, 255, 0)"
784     xaxis:
785       type: "log"
786       title: "<b>Percentile [%]</b>"
787       titlefont:
788         size: 14
789       autorange: False
790       fixedrange: True
791       gridcolor: "rgb(230, 230, 230)"
792       linecolor: "rgb(220, 220, 220)"
793       linewidth: 1
794       showgrid: True
795       showline: True
796       showticklabels: True
797       tickcolor: "rgb(220, 220, 220)"
798       tickvals: [1, 2, 1e1, 20, 1e2, 1e3, 1e4, 1e5, 1e6]
799       ticktext: [0, 50, 90, 95, 99, 99.9, 99.99, 99.999, 99.9999]
800       tickfont:
801         size: 14
802     yaxis:
803       title: "<b>One-Way Latency per Direction [uSec]</b>"
804       titlefont:
805         size: 14
806       gridcolor: "rgb(230, 230, 230)"
807       linecolor: "rgb(220, 220, 220)"
808       linewidth: 1
809       showgrid: True
810       showline: True
811       showticklabels: True
812       tickcolor: "rgb(220, 220, 220)"
813       tickfont:
814         size: 14
815     autosize: False
816     width: 700
817     height: 700
818     paper_bgcolor: "white"
819     plot_bgcolor: "white"
820
821   plot-hdrh-latency-by-percentile:
822     title:
823       text: "<b>Latency by Percentile Distribution</b>"
824       xanchor: "center"
825       x: 0.5
826       font:
827         size: 18
828     showlegend: True
829     legend:
830       traceorder: "normal"
831       orientation: "h"
832       font:
833         size: 16
834       xanchor: "left"
835       yanchor: "top"
836       x: 0
837       y: -0.2
838       bgcolor: "rgba(255, 255, 255, 0)"
839       bordercolor: "rgba(255, 255, 255, 0)"
840     xaxis:
841       type: "linear"
842       title: "<b>Percentile [%]</b>"
843       titlefont:
844         size: 14
845       autorange: False
846       fixedrange: False
847       range: [0, 100]
848       gridcolor: "rgb(230, 230, 230)"
849       linecolor: "rgb(220, 220, 220)"
850       linewidth: 1
851       showgrid: True
852       showline: True
853       showticklabels: True
854       tickcolor: "rgb(220, 220, 220)"
855       tickvals: [0, 25, 50, 75, 100]
856       ticktext: [0, 25, 50, 75, 100]
857       tickfont:
858         size: 14
859     yaxis:
860       title: "<b>One-Way Latency per Direction [uSec]</b>"
861       titlefont:
862         size: 14
863       gridcolor: "rgb(230, 230, 230)"
864       linecolor: "rgb(220, 220, 220)"
865       linewidth: 1
866       showgrid: True
867       showline: True
868       showticklabels: True
869       tickcolor: "rgb(220, 220, 220)"
870       tickfont:
871         size: 14
872     width: 700
873     height: 700
874     paper_bgcolor: "white"
875     plot_bgcolor: "white"
876
877   plot-scatter-error-bars-gbps:
878     titlefont:
879       size: 16
880     xaxis:
881       title: "<b>Test Cases [Index]</b>"
882       titlefont:
883         size: 14
884       autorange: True
885       fixedrange: False
886       gridcolor: "rgb(230, 230, 230)"
887       linecolor: "rgb(220, 220, 220)"
888       linewidth: 1
889       showgrid: True
890       showline: True
891       showticklabels: True
892       tickcolor: "rgb(220, 220, 220)"
893       tickmode: "linear"
894       tickfont:
895         size: 14
896       zeroline: False
897     yaxis:
898       title: "<b>Data Throughput [Gbps]</b>"
899       titlefont:
900         size: 14
901       gridcolor: "rgb(230, 230, 230)"
902       hoverformat: ".4r"
903       tickformat: ".3r"
904       linecolor: "rgb(220, 220, 220)"
905       linewidth: 1
906       showgrid: True
907       showline: True
908       showticklabels: True
909       tickcolor: "rgb(220, 220, 220)"
910       tickfont:
911         size: 14
912       zeroline: False
913       range: [0,10]
914     autosize: False
915     margin:
916       t: 50
917       b: 0
918       l: 80
919       r: 20
920     showlegend: True
921     legend:
922       orientation: "h"
923       font:
924         size: 14
925     width: 700
926     height: 900
927     paper_bgcolor: "#fff"
928     plot_bgcolor: "#fff"
929     hoverlabel:
930       namelength: -1