From 138145c8bdd97e284f53b3ee1261d98962c70db8 Mon Sep 17 00:00:00 2001
From: Robert Kruszewski <github@robertk.io>
Date: Tue, 13 Aug 2024 00:20:50 +0100
Subject: [PATCH] better styling

---
 dev/bench/favicon.png | Bin 0 -> 13030 bytes
 dev/bench/index.html  | 574 +++++++++++++++++++++++-------------------
 2 files changed, 322 insertions(+), 252 deletions(-)
 create mode 100644 dev/bench/favicon.png

diff --git a/dev/bench/favicon.png b/dev/bench/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc33e5af0e75afa3044cbfbc07d2eb454148f273
GIT binary patch
literal 13030
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
LVY9B>dGdb%Kl|zf

literal 0
HcmV?d00001

diff --git a/dev/bench/index.html b/dev/bench/index.html
index 6c887805e8..368057ba6d 100644
--- a/dev/bench/index.html
+++ b/dev/bench/index.html
@@ -1,281 +1,351 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes" />
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"/>
+    <link rel="icon" type="image/x-icon" href="favicon.png">
     <style>
-      html {
-        font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
-        -webkit-font-smoothing: antialiased;
-        background-color: #fff;
-        font-size: 16px;
-      }
-      body {
-        color: #4a4a4a;
-        margin: 8px;
-        font-size: 1em;
-        font-weight: 400;
-      }
-      header {
-        margin-bottom: 8px;
-        display: flex;
-        flex-direction: column;
-      }
-      main {
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-      }
-      a {
-        color: #3273dc;
-        cursor: pointer;
-        text-decoration: none;
-      }
-      a:hover {
-        color: #000;
-      }
-      button {
-        color: #fff;
-        background-color: #3298dc;
-        border-color: transparent;
-        cursor: pointer;
-        text-align: center;
-      }
-      button:hover {
-        background-color: #2793da;
-        flex: none;
-      }
-      .spacer {
-        flex: auto;
-      }
-      .small {
-        font-size: 0.75rem;
-      }
-      footer {
-        margin-top: 16px;
-        display: flex;
-        align-items: center;
-      }
-      .header-label {
-        margin-right: 4px;
-      }
-      .benchmark-set {
-        margin: 8px 0;
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-      }
-      .benchmark-title {
-        font-size: 3rem;
-        font-weight: 600;
-        word-break: break-word;
-        text-align: center;
-      }
-      .benchmark-graphs {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-around;
-        align-items: center;
-        flex-wrap: wrap;
-        width: 100%;
-      }
-      .benchmark-chart {
-        max-width: 1000px;
-      }
+        html {
+            font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+            -webkit-font-smoothing: antialiased;
+            background-color: #fff;
+            font-size: 16px;
+        }
+
+        body {
+            color: #4a4a4a;
+            margin: 8px;
+            font-size: 1em;
+            font-weight: 400;
+        }
+
+        header {
+            margin-bottom: 8px;
+            display: flex;
+            flex-direction: column;
+        }
+
+        main {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+        }
+
+        a {
+            color: #3273dc;
+            cursor: pointer;
+            text-decoration: none;
+        }
+
+        a:hover {
+            color: #000;
+        }
+
+        button {
+            color: #fff;
+            background-color: #3298dc;
+            border-color: transparent;
+            cursor: pointer;
+            text-align: center;
+        }
+
+        button:hover {
+            background-color: #2793da;
+            flex: none;
+        }
+
+        .spacer {
+            flex: auto;
+        }
+
+        .small {
+            font-size: 0.75rem;
+        }
+
+        footer {
+            margin-top: 16px;
+            display: flex;
+            align-items: center;
+        }
+
+        .header-label {
+            margin-right: 4px;
+        }
+
+        .benchmark-set {
+            margin: 8px 0;
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .benchmark-title {
+            font-size: 3rem;
+            font-weight: 600;
+            word-break: break-word;
+            text-align: center;
+        }
+
+        .benchmark-graphs {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-around;
+            align-items: center;
+            flex-wrap: wrap;
+            width: 100%;
+        }
+
+        .benchmark-chart {
+            max-width: 550px;
+        }
     </style>
     <title>Benchmarks</title>
-  </head>
+</head>
 
-  <body>
-    <header id="header">
-      <div class="header-item">
+<body>
+<header id="header">
+    <div class="header-item">
         <strong class="header-label">Last Update:</strong>
         <span id="last-update"></span>
-      </div>
-      <div class="header-item">
+    </div>
+    <div class="header-item">
         <strong class="header-label">Repository:</strong>
         <a id="repository-link" rel="noopener"></a>
-      </div>
-    </header>
-    <main id="main"></main>
-    <footer>
-      <button id="dl-button">Download data as JSON</button>
-      <div class="spacer"></div>
-      <div class="small">Powered by <a rel="noopener" href="https://github.com/marketplace/actions/continuous-benchmark">github-action-benchmark</a></div>
-    </footer>
-
-    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.2/dist/Chart.min.js"></script>
-    <script src="data.js"></script>
-    <script id="main-script">
-      'use strict';
-      (function() {
+    </div>
+</header>
+<main id="main"></main>
+<footer>
+    <button id="dl-button">Download data as JSON</button>
+    <div class="spacer"></div>
+    <div class="small">Powered by <a rel="noopener" href="https://github.com/marketplace/actions/continuous-benchmark">github-action-benchmark</a>
+    </div>
+</footer>
+
+<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>
+<script src="data.js"></script>
+<script id="main-script">
+    'use strict';
+    (function () {
         // Colors from https://github.com/github/linguist/blob/master/lib/linguist/languages.yml
         const toolColors = {
-          cargo: '#dea584',
-          go: '#00add8',
-          benchmarkjs: '#f1e05a',
-          benchmarkluau: '#000080',
-          pytest: '#3572a5',
-          googlecpp: '#f34b7d',
-          catch2: '#f34b7d',
-          julia: '#a270ba',
-          jmh: '#b07219',
-          benchmarkdotnet: '#178600',
-          customBiggerIsBetter: '#38ff38',
-          customSmallerIsBetter: '#ff3838',
-          _: '#333333'
+            cargo: '#dea584',
+            go: '#00add8',
+            benchmarkjs: '#f1e05a',
+            benchmarkluau: '#000080',
+            pytest: '#3572a5',
+            googlecpp: '#f34b7d',
+            catch2: '#f34b7d',
+            julia: '#a270ba',
+            jmh: '#b07219',
+            benchmarkdotnet: '#178600',
+            customBiggerIsBetter: '#38ff38',
+            customSmallerIsBetter: '#ff3838',
+            _: '#333333'
         };
 
+        function stringToColor(str) {
+            // Random colours are generally pretty disgusting...
+            const MAP = {
+                "vortex-pushdown-disabled": '#3CD50C',
+                "vortex-pushdown-enabled": '#7437D0',
+                "arrow": '#E8A807',
+                "parquet": '#D7B945',
+                "persistent_compressed_vortex": '#F34B7D',
+                "persistent_uncompressed_vortex": '#4DBDFB',
+            };
+
+            if (MAP[str]) {
+                return MAP[str];
+            } else {
+                console.log("Using random color for: " + str)
+            }
+
+            // Hash the input string using SHA-256
+            const hash = hashCode(str);
+
+            // Extract RGB values from the hash
+            const r = (hash & 0xFF0000) >> 16;
+            const g = (hash & 0x00FF00) >> 8;
+            const b = hash & 0x0000FF;
+
+            // Return a CSS color string
+            const hexColor = ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');
+            return `#${hexColor}`;
+        }
+
         function init() {
-          function collectBenchesPerTestCase(entries) {
-            const map = new Map();
-            for (const entry of entries) {
-              const {commit, date, tool, benches} = entry;
-              for (const bench of benches) {
-                const result = { commit, date, tool, bench };
-                const arr = map.get(bench.name);
-                if (arr === undefined) {
-                  map.set(bench.name, [result]);
-                } else {
-                  arr.push(result);
-                }
-              }
+            function collectBenchesPerTestCase(entries) {
+                // It's desirable for all our graphs to line up in terms of X-axis.
+                // As such, we collect all unique {commit,entry} first, and then assign
+                // data points to them for each graph. Commits are sorted by date.
+                const commits = [];
+                const dates = [];
+                entries.sort((a, b) => new Date(a.commit.timestamp) - new Date(b.commit.timestamp)).forEach(entry => {
+                    commits.push(entry.commit);
+                    dates.push(entry.date);
+                });
+
+
+                const map = new Map();
+                entries.forEach((entry, entryIdx) => {
+                    const {tool, benches} = entry;
+
+                    for (const bench of benches) {
+                        const {name, range, unit, value} = bench;
+                        // Normalize name
+                        let [q, seriesName] = name.split("/");
+                        let prettyQ = q.replace("_", " ").toUpperCase();
+
+                        let arr = map.get(prettyQ);
+                        if (arr === undefined) {
+                            map.set(prettyQ, {
+                                commits,
+                                unit: unit,
+                                series: new Map(),
+                            });
+                            arr = map.get(prettyQ);
+                        }
+
+                        let series = arr.series.get(seriesName);
+                        if (series === undefined) {
+                            arr.series.set(seriesName, new Array(entries.length).fill(null));
+                            series = arr.series.get(seriesName);
+                        }
+                        series[entryIdx] = {range, value};
+                    }
+                });
+                return map;
             }
-            return map;
-          }
-
-          const data = window.BENCHMARK_DATA;
-
-          // Render header
-          document.getElementById('last-update').textContent = new Date(data.lastUpdate).toString();
-          const repoLink = document.getElementById('repository-link');
-          repoLink.href = data.repoUrl;
-          repoLink.textContent = data.repoUrl;
-
-          // Render footer
-          document.getElementById('dl-button').onclick = () => {
-            const dataUrl = 'data:,' + JSON.stringify(data, null, 2);
-            const a = document.createElement('a');
-            a.href = dataUrl;
-            a.download = 'benchmark_data.json';
-            a.click();
-          };
-
-          // Prepare data points for charts
-          return Object.keys(data.entries).map(name => ({
-            name,
-            dataSet: collectBenchesPerTestCase(data.entries[name]),
-          }));
+
+            const data = window.BENCHMARK_DATA;
+
+            // Render header
+            document.getElementById('last-update').textContent = new Date(data.lastUpdate).toString();
+            const repoLink = document.getElementById('repository-link');
+            repoLink.href = data.repoUrl;
+            repoLink.textContent = data.repoUrl;
+
+            // Render footer
+            document.getElementById('dl-button').onclick = () => {
+                const dataUrl = 'data:,' + JSON.stringify(data, null, 2);
+                const a = document.createElement('a');
+                a.href = dataUrl;
+                a.download = 'benchmark_data.json';
+                a.click();
+            };
+
+            // Prepare data points for charts
+            return Object.keys(data.entries).map(name => ({
+                name,
+                dataSet: collectBenchesPerTestCase(data.entries[name]),
+            }));
         }
 
         function renderAllChars(dataSets) {
 
-          function renderGraph(parent, name, dataset) {
-            const canvas = document.createElement('canvas');
-            canvas.className = 'benchmark-chart';
-            parent.appendChild(canvas);
-
-            const color = toolColors[dataset.length > 0 ? dataset[0].tool : '_'];
-            const data = {
-              labels: dataset.map(d => d.commit.id.slice(0, 7)),
-              datasets: [
-                {
-                  label: name,
-                  data: dataset.map(d => d.bench.value),
-                  borderColor: color,
-                  backgroundColor: color + '60', // Add alpha for #rrggbbaa
-                }
-              ],
-            };
-            const options = {
-              scales: {
-                xAxes: [
-                  {
-                    scaleLabel: {
-                      display: true,
-                      labelString: 'commit',
+            function renderGraph(parent, name, dataset) {
+                const canvas = document.createElement('canvas');
+                canvas.className = 'benchmark-chart';
+                parent.appendChild(canvas);
+
+                const data = {
+                    labels: dataset.commits.map(commit => commit.id.slice(0, 7)),
+                    datasets: Array.from(dataset.series).map(([name, benches]) => {
+                        const color = stringToColor(name);
+                        return {
+                            label: name,
+                            data: benches.map(b => b ? b.value : null),
+                            borderColor: color,
+                            // backgroundColor: color + '60', // Add alpha for #rrggbbaa
+                        };
+                    }),
+                };
+                const options = {
+                    scales: {
+                        x: {
+                            title: {
+                                display: true,
+                                text: name,
+                                padding: {bottom: 50},
+                            },
+                        },
+                        y: {
+                            title: {
+                                display: true,
+                                text: dataset.commits.length > 0 ? dataset.unit : '',
+                            },
+                            suggestedMin: 0,
+                        },
                     },
-                  }
-                ],
-                yAxes: [
-                  {
-                    scaleLabel: {
-                      display: true,
-                      labelString: dataset.length > 0 ? dataset[0].bench.unit : '',
+                    tooltips: {
+                        callbacks: {
+                            afterTitle: items => {
+                                const {index} = items[0];
+                                const commit = dataset.commits[index];
+                                return '\n' + commit.message + '\n\n' + commit.timestamp + ' committed by @' + commit.committer.username + '\n';
+                            },
+                            label: item => {
+                                const seriesName = Array.from(dataset.series.keys())[item.datasetIndex];
+                                let label = item.value;
+                                const {range, unit} = dataset.series.get(seriesName)[item.index];
+                                label += ' ' + unit;
+                                if (range) {
+                                    label += ' (' + range + ')';
+                                }
+                                return label;
+                            },
+                            afterLabel: item => {
+                                const seriesName = Array.from(dataset.series.keys())[item.datasetIndex];
+                                const {extra} = dataset.series.get(seriesName)[item.index];
+                                return extra ? '\n' + extra : '';
+                            }
+                        }
                     },
-                    ticks: {
-                      beginAtZero: true,
-                    }
-                  }
-                ],
-              },
-              tooltips: {
-                callbacks: {
-                  afterTitle: items => {
-                    const {index} = items[0];
-                    const data = dataset[index];
-                    return '\n' + data.commit.message + '\n\n' + data.commit.timestamp + ' committed by @' + data.commit.committer.username + '\n';
-                  },
-                  label: item => {
-                    let label = item.value;
-                    const { range, unit } = dataset[item.index].bench;
-                    label += ' ' + unit;
-                    if (range) {
-                      label += ' (' + range + ')';
-                    }
-                    return label;
-                  },
-                  afterLabel: item => {
-                    const { extra } = dataset[item.index].bench;
-                    return extra ? '\n' + extra : '';
-                  }
-                }
-              },
-              onClick: (_mouseEvent, activeElems) => {
-                if (activeElems.length === 0) {
-                  return;
-                }
-                // XXX: Undocumented. How can we know the index?
-                const index = activeElems[0]._index;
-                const url = dataset[index].commit.url;
-                window.open(url, '_blank');
-              },
-            };
+                    onClick: (_mouseEvent, activeElems) => {
+                        if (activeElems.length === 0) {
+                            return;
+                        }
+                        // XXX: Undocumented. How can we know the index?
+                        const index = activeElems[0]._index;
+                        const url = dataset[index].commit.url;
+                        window.open(url, '_blank');
+                    },
+                };
+
+                new Chart(canvas, {
+                    type: 'line',
+                    data,
+                    options,
+                });
+            }
+
+            function renderBenchSet(name, benchSet, main) {
+                const setElem = document.createElement('div');
+                setElem.className = 'benchmark-set';
+                main.appendChild(setElem);
 
-            new Chart(canvas, {
-              type: 'line',
-              data,
-              options,
-            });
-          }
-
-          function renderBenchSet(name, benchSet, main) {
-            const setElem = document.createElement('div');
-            setElem.className = 'benchmark-set';
-            main.appendChild(setElem);
-
-            const nameElem = document.createElement('h1');
-            nameElem.className = 'benchmark-title';
-            nameElem.textContent = name;
-            setElem.appendChild(nameElem);
-
-            const graphsElem = document.createElement('div');
-            graphsElem.className = 'benchmark-graphs';
-            setElem.appendChild(graphsElem);
-
-            for (const [benchName, benches] of benchSet.entries()) {
-              renderGraph(graphsElem, benchName, benches)
+                const nameElem = document.createElement('h1');
+                nameElem.className = 'benchmark-title';
+                nameElem.textContent = name;
+                setElem.appendChild(nameElem);
+
+                const graphsElem = document.createElement('div');
+                graphsElem.className = 'benchmark-graphs';
+                setElem.appendChild(graphsElem);
+
+                for (const [benchName, benches] of benchSet.entries()) {
+                    renderGraph(graphsElem, benchName, benches)
+                }
             }
-          }
 
-          const main = document.getElementById('main');
-          for (const {name, dataSet} of dataSets) {
-            renderBenchSet(name, dataSet, main);
-          }
+            const main = document.getElementById('main');
+            for (const {name, dataSet} of dataSets) {
+                renderBenchSet(name, dataSet, main);
+            }
         }
 
         renderAllChars(init()); // Start
-      })();
-    </script>
-  </body>
+    })();
+</script>
+</body>
 </html>