adding svg

camillobruni · camillobruni · commit 918fabd42d80 · 2025-01-07T10:05:02.000+01:00
diff --git a/resources/measurement-timeline.svg b/resources/measurement-timeline.svg
@@ -0,0 +1,79 @@
+
+<svg fill="none" viewBox="0 0 600 150" width="600" height="150" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    :root {
+        --foreground: rgb(235, 235, 235);
+        --background: rgb(46, 51, 55);
+    }
+
+    th {
+        text-align: left;
+    }
+
+    td {
+        white-space: nowrap;
+        border: 1px solid var(--foreground);
+        border-radius: 2px;
+        padding: 0 2px 0 2px;
+    }
+
+    .measured {
+        padding: 0 2px 0 2px;
+        border-radius: 2px;
+        color: var(--background);
+        background-color: var(--foreground);
+    }
+
+    .unmeasured {
+        padding: 0 2px 0 2px;
+        border-radius: 2px;
+        border-style: dashed !important;
+    }
+
+    td.hidden {
+        border: none;
+    }
+  </style>
+  <foreignObject width="100%" height="100%">
+     <table xmlns="http://www.w3.org/1999/xhtml">
+        <tbody>
+            <tr>
+                <th>Iteration:</th>
+                <td colspan="9">Iteration 1</td>
+                <td>...</td>
+                <td colspan="3">Iteration N</td>
+            </tr>
+            <tr>
+                <th>Test:</th>
+                <td colspan="6">TodoMVC-JavaScript-ES5</td>
+                <td>...</td>
+                <td colspan="2">Perf-Dashboard</td>
+                <td class="hidden"></td>
+                <td colspan="2">TodoMVC-...</td>
+                <td>...</td>
+            </tr>
+            <tr>
+                <th>Steps:</th>
+                <td class="unmeasured">Prepare</td>
+                <td colspan="2" class="measured">Adding</td>
+                <td colspan="2" class="measured">Completing</td>
+                <td class="measured">...</td>
+                <td class="hidden"></td>
+                <td class="unmeasured">Prepare</td>
+                <td class="measured">...</td>
+                <td class="hidden"></td>
+                <td class="unmeasured">Prepare</td>
+                <td class="measured">...</td>
+            </tr>
+            <tr>
+                <th></th>
+                <td class="hidden"></td>
+                <td class="measured">Sync</td>
+                <td class="measured">Async</td>
+                <td class="measured">Sync</td>
+                <td class="measured">Async</td>
+            </tr>
+        </tbody>
+    </table>
+  </foreignObject>
+</svg>
diff --git a/resources/score.svg b/resources/score.svg
@@ -0,0 +1,191 @@
+
+<svg fill="none" viewBox="0 0 600 300" width="600" height="300" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    mtable {
+        margin: 0px auto;
+        display: table;
+    }
+
+    mtr mtd {
+        text-align: left;
+        padding-top: 1em;
+    }
+  </style>
+  <foreignObject width="100%" height="100%">
+      <math xmlns="http://www.w3.org/1998/Math/MathML">
+        <mtable displaystyle="true">
+            <mtr>
+                <mtd>
+                    <mrow>
+                        <mi>Score</mi>
+                    </mrow>
+                </mtd>
+                <mtd>
+                    <mrow>
+                        <mo>=</mo>
+                        <mfrac>
+                            <mn>1</mn>
+                            <mi>n</mi>
+                        </mfrac>
+                        <mrow>
+                            <munderover>
+                                <mo stretchy="true">∑</mo>
+                                <mrow>
+                                    <mi>i</mi>
+                                    <mo>=</mo>
+                                    <mn>1</mn>
+                                </mrow>
+                                <mi>n</mi>
+                            </munderover>
+                        </mrow>
+                        <msub>
+                            <mrow>
+                                <mi>IterationScore</mi>
+                            </mrow>
+                            <mi>i</mi>
+                        </msub>
+                    </mrow>
+                </mtd>
+            </mtr>
+            <mtr>
+                <mtd>
+                    <msub>
+                        <mrow>
+                            <mi>IterationScore</mi>
+                        </mrow>
+                        <mi>i</mi>
+                    </msub>
+                </mtd>
+                <mtd>
+                    <mrow>
+                        <mo>=</mo>
+                        <mfrac>
+                            <mn>1000</mn>
+                            <msub>
+                                <mrow>
+                                    <mi>IterationGeoMeanTime</mi>
+                                </mrow>
+                                <mi>i</mi>
+                            </msub>
+                        </mfrac>
+                    </mrow>
+                </mtd>
+            </mtr>
+            <mtr>
+                <mtd>
+                    <msub>
+                        <mrow>
+                            <mi>IterationGeoMeanTime</mi>
+                        </mrow>
+                        <mi>i</mi>
+                    </msub>
+                </mtd>
+                <mtd>
+                    <mrow>
+                        <mo>=</mo>
+                        <mroot>
+                            <mrow>
+                                <mrow>
+                                    <munderover>
+                                        <mo stretchy="true">∏</mo>
+                                        <mrow>
+                                            <mi>j</mi>
+                                            <mo>=</mo>
+                                            <mn>1</mn>
+                                        </mrow>
+                                        <mi>m</mi>
+                                    </munderover>
+                                </mrow>
+                                <msub>
+                                    <mrow>
+                                        <mi>TestTime</mi>
+                                    </mrow>
+                                    <mrow>
+                                        <mi>i</mi>
+                                        <mi>j</mi>
+                                    </mrow>
+                                </msub>
+                            </mrow>
+                            <mi>m</mi>
+                        </mroot>
+                    </mrow>
+                </mtd>
+            </mtr>
+            <mtr>
+                <mtd>
+                    <msub>
+                        <mrow>
+                            <mi>TestTime</mi>
+                        </mrow>
+                        <mrow>
+                            <mi>i</mi>
+                            <mi>j</mi>
+                        </mrow>
+                    </msub>
+                </mtd>
+                <mtd>
+                    <mrow>
+                        <mo>=</mo>
+                        <mrow>
+                            <munder>
+                                <mo stretchy="true">∑</mo>
+                                <mi>k</mi>
+                            </munder>
+                        </mrow>
+                        <msub>
+                            <mrow>
+                                <mi>TestStepTime</mi>
+                            </mrow>
+                            <mrow>
+                                <mi>i</mi>
+                                <mi>j</mi>
+                                <mi>k</mi>
+                            </mrow>
+                        </msub>
+                    </mrow>
+                </mtd>
+            </mtr>
+            <mtr>
+                <mtd>
+                    <msub>
+                        <mrow>
+                            <mi>TestStepTime</mi>
+                        </mrow>
+                        <mrow>
+                            <mi>i</mi>
+                            <mi>j</mi>
+                            <mi>k</mi>
+                        </mrow>
+                    </msub>
+                </mtd>
+                <mtd>
+                    <mrow>
+                        <mo>=</mo>
+                        <msub>
+                            <mrow>
+                                <mi>TestStepSyncTime</mi>
+                            </mrow>
+                            <mrow>
+                                <mi>i</mi>
+                                <mi>j</mi>
+                                <mi>k</mi>
+                            </mrow>
+                        </msub>
+                        <mo>+</mo>
+                        <msub>
+                            <mrow>
+                                <mi>TestStepAsyncTime</mi>
+                            </mrow>
+                            <mrow>
+                                <mi>i</mi>
+                                <mi>j</mi>
+                                <mi>k</mi>
+                            </mrow>
+                        </msub>
+                    </mrow>
+                </mtd>
+            </mtr>
+        </mtable>
+    </math>
+  </foreignObject>
+</svg>
