CSIT-1332: Proposal of new layout of all graphs

Change-Id: Ib5d113fd2071e481bcc5e3d043a43a58947b8da1
Signed-off-by: Tibor Frank <tifrank@cisco.com>

1 files changed, 162 insertions, 25 deletions

diff --git a/docs/report/vpp_performance_tests/throughput_speedup_multi_core/container_memif.rst b/docs/report/vpp_performance_tests/throughput_speedup_multi_core/container_memif.rst
index 89dfd970bb..16d6a74f4b 100644
--- a/docs/report/vpp_performance_tests/throughput_speedup_multi_core/container_memif.rst
+++ b/docs/report/vpp_performance_tests/throughput_speedup_multi_core/container_memif.rst
@@ -3,6 +3,31 @@
 
     \clearpage
 
+.. raw:: html
+
+    <script type="text/javascript">
+
+        function getDocHeight(doc) {
+            doc = doc || document;
+            var body = doc.body, html = doc.documentElement;
+            var height = Math.max( body.scrollHeight, body.offsetHeight,
+                html.clientHeight, html.scrollHeight, html.offsetHeight );
+            return height;
+        }
+
+        function setIframeHeight(id) {
+            var ifrm = document.getElementById(id);
+            var doc = ifrm.contentDocument? ifrm.contentDocument:
+                ifrm.contentWindow.document;
+            ifrm.style.visibility = 'hidden';
+            ifrm.style.height = "10px"; // reset to minimal height ...
+            // IE opt. for bing/msn needs a bit added or scrollbar appears
+            ifrm.style.height = getDocHeight( doc ) + 4 + "px";
+            ifrm.style.visibility = 'visible';
+        }
+
+    </script>
+
 LXC/DRC Container Memif
 =======================
 
@@ -15,7 +40,11 @@ running in multiple configurations of VPP worker thread(s), a.k.a. VPP
 data plane thread(s), and their physical CPU core(s) placement.
 
 CSIT source code for the test cases used for plots can be found in
-`CSIT git repository <https://git.fd.io/csit/tree/tests/vpp/perf/container_memif?h=rls1807>`_.
+`CSIT git repository <https://git.fd.io/csit/tree/tests/vpp/perf/container_memif?h=rls1810>`_.
+
+.. raw:: latex
+
+    \clearpage
 
 3n-hsw-x520
 ~~~~~~~~~~~
@@ -27,12 +56,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Speedup: memif-3n-hsw-x520-64b-base_and_scale-ndr`
+:index:`Speedup Multi-core: memif-3n-hsw-x520-64b-base_and_scale-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-x520-64b-base_and_scale-ndr-tsa.html"></iframe>
+    <iframe id="ifrm01" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-x520-64b-base_and_scale-ndr-tsa.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -41,7 +70,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/vpp/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-x520-64b-base_and_scale-ndr-tsa}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-x520-64b-base_and_scale-ndr-tsa}
             \label{fig:memif-3n-hsw-x520-64b-base_and_scale-ndr-tsa}
     \end{figure}
 
@@ -53,12 +82,12 @@ CSIT source code for the test cases used for plots can be found in
 
     \clearpage
 
-:index:`Speedup: memif-3n-hsw-x520-64b-base_and_scale-pdr`
+:index:`Speedup Multi-core: memif-3n-hsw-x520-64b-base_and_scale-pdr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-x520-64b-base_and_scale-pdr-tsa.html"></iframe>
+    <iframe id="ifrm02" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-x520-64b-base_and_scale-pdr-tsa.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -67,7 +96,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/vpp/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-x520-64b-base_and_scale-pdr-tsa}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-x520-64b-base_and_scale-pdr-tsa}
             \label{fig:memif-3n-hsw-x520-64b-base_and_scale-pdr-tsa}
     \end{figure}
 
@@ -85,12 +114,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Speedup: memif-3n-hsw-x710-64b-base_and_scale-ndr`
+:index:`Speedup Multi-core: memif-3n-hsw-x710-64b-base_and_scale-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-x710-64b-base_and_scale-ndr-tsa.html"></iframe>
+    <iframe id="ifrm03" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-x710-64b-base_and_scale-ndr-tsa.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -99,7 +128,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/vpp/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-x710-64b-base_and_scale-ndr-tsa}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-x710-64b-base_and_scale-ndr-tsa}
             \label{fig:memif-3n-hsw-x710-64b-base_and_scale-ndr-tsa}
     \end{figure}
 
@@ -111,12 +140,12 @@ CSIT source code for the test cases used for plots can be found in
 
     \clearpage
 
-:index:`Speedup: memif-3n-hsw-x710-64b-base_and_scale-pdr`
+:index:`Speedup Multi-core: memif-3n-hsw-x710-64b-base_and_scale-pdr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-x710-64b-base_and_scale-pdr-tsa.html"></iframe>
+    <iframe id="ifrm04" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-x710-64b-base_and_scale-pdr-tsa.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -125,7 +154,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/vpp/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-x710-64b-base_and_scale-pdr-tsa}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-x710-64b-base_and_scale-pdr-tsa}
             \label{fig:memif-3n-hsw-x710-64b-base_and_scale-pdr-tsa}
     \end{figure}
 
@@ -143,12 +172,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Speedup: memif-3n-hsw-xl710-64b-base_and_scale-ndr`
+:index:`Speedup Multi-core: memif-3n-hsw-xl710-64b-base_and_scale-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-xl710-64b-base_and_scale-ndr-tsa.html"></iframe>
+    <iframe id="ifrm05" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-xl710-64b-base_and_scale-ndr-tsa.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -157,7 +186,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/vpp/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-xl710-64b-base_and_scale-ndr-tsa}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-xl710-64b-base_and_scale-ndr-tsa}
             \label{fig:memif-3n-hsw-xl710-64b-base_and_scale-ndr-tsa}
     \end{figure}
 
@@ -169,12 +198,12 @@ CSIT source code for the test cases used for plots can be found in
 
     \clearpage
 
-:index:`Speedup: memif-3n-hsw-xl710-64b-base_and_scale-pdr`
+:index:`Speedup Multi-core: memif-3n-hsw-xl710-64b-base_and_scale-pdr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-xl710-64b-base_and_scale-pdr-tsa.html"></iframe>
+    <iframe id="ifrm06" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-hsw-xl710-64b-base_and_scale-pdr-tsa.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -183,7 +212,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/vpp/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-xl710-64b-base_and_scale-pdr-tsa}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-3n-hsw-xl710-64b-base_and_scale-pdr-tsa}
             \label{fig:memif-3n-hsw-xl710-64b-base_and_scale-pdr-tsa}
     \end{figure}
 
@@ -201,12 +230,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Speedup: memif-3n-skx-x710-64b-base_and_scale-ndr`
+:index:`Speedup Multi-core: memif-3n-skx-x710-64b-base_and_scale-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-skx-x710-64b-base_and_scale-ndr-tsa.html"></iframe>
+    <iframe id="ifrm07" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-skx-x710-64b-base_and_scale-ndr-tsa.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -215,7 +244,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/vpp/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{memif-3n-skx-x710-64b-base_and_scale-ndr-tsa}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-3n-skx-x710-64b-base_and_scale-ndr-tsa}
             \label{fig:memif-3n-skx-x710-64b-base_and_scale-ndr-tsa}
     \end{figure}
 
@@ -227,12 +256,12 @@ CSIT source code for the test cases used for plots can be found in
 
     \clearpage
 
-:index:`Speedup: memif-3n-skx-x710-64b-base_and_scale-pdr`
+:index:`Speedup Multi-core: memif-3n-skx-x710-64b-base_and_scale-pdr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-skx-x710-64b-base_and_scale-pdr-tsa.html"></iframe>
+    <iframe id="ifrm08" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-3n-skx-x710-64b-base_and_scale-pdr-tsa.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -241,6 +270,114 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/vpp/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{memif-3n-skx-x710-64b-base_and_scale-pdr-tsa}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-3n-skx-x710-64b-base_and_scale-pdr-tsa}
             \label{fig:memif-3n-skx-x710-64b-base_and_scale-pdr-tsa}
     \end{figure}
+
+2n-skx-x710
+~~~~~~~~~~~
+
+64b-base_and_scale
+------------------
+
+.. raw:: html
+
+    <center><b>
+
+:index:`Speedup Multi-core: memif-2n-skx-x710-64b-base_and_scale-ndr`
+
+.. raw:: html
+
+    </b>
+    <iframe id="ifrm09" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-2n-skx-x710-64b-base_and_scale-ndr-tsa.html"></iframe>
+    <p><br><br></p>
+    </center>
+
+.. raw:: latex
+
+    \begin{figure}[H]
+        \centering
+            \graphicspath{{../_build/_static/vpp/}}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-2n-skx-x710-64b-base_and_scale-ndr-tsa}
+            \label{fig:memif-2n-skx-x710-64b-base_and_scale-ndr-tsa}
+    \end{figure}
+
+.. raw:: html
+
+    <center><b>
+
+.. raw:: latex
+
+    \clearpage
+
+:index:`Speedup Multi-core: memif-2n-skx-x710-64b-base_and_scale-pdr`
+
+.. raw:: html
+
+    </b>
+    <iframe id="ifrm10" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-2n-skx-x710-64b-base_and_scale-pdr-tsa.html"></iframe>
+    <p><br><br></p>
+    </center>
+
+.. raw:: latex
+
+    \begin{figure}[H]
+        \centering
+            \graphicspath{{../_build/_static/vpp/}}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-2n-skx-x710-64b-base_and_scale-pdr-tsa}
+            \label{fig:memif-2n-skx-x710-64b-base_and_scale-pdr-tsa}
+    \end{figure}
+
+2n-skx-xxv710
+~~~~~~~~~~~~~
+
+64b-base_and_scale
+------------------
+
+.. raw:: html
+
+    <center><b>
+
+:index:`Speedup Multi-core: memif-2n-skx-xxv710-64b-base_and_scale-ndr`
+
+.. raw:: html
+
+    </b>
+    <iframe id="ifrm11" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-2n-skx-xxv710-64b-base_and_scale-ndr-tsa.html"></iframe>
+    <p><br><br></p>
+    </center>
+
+.. raw:: latex
+
+    \begin{figure}[H]
+        \centering
+            \graphicspath{{../_build/_static/vpp/}}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-2n-skx-xxv710-64b-base_and_scale-ndr-tsa}
+            \label{fig:memif-2n-skx-xxv710-64b-base_and_scale-ndr-tsa}
+    \end{figure}
+
+.. raw:: html
+
+    <center><b>
+
+.. raw:: latex
+
+    \clearpage
+
+:index:`Speedup Multi-core: memif-2n-skx-xxv710-64b-base_and_scale-pdr`
+
+.. raw:: html
+
+    </b>
+    <iframe id="ifrm12" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/vpp/memif-2n-skx-xxv710-64b-base_and_scale-pdr-tsa.html"></iframe>
+    <p><br><br></p>
+    </center>
+
+.. raw:: latex
+
+    \begin{figure}[H]
+        \centering
+            \graphicspath{{../_build/_static/vpp/}}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{memif-2n-skx-xxv710-64b-base_and_scale-pdr-tsa}
+            \label{fig:memif-2n-skx-xxv710-64b-base_and_scale-pdr-tsa}
+    \end{figure}