From 12ce0d9fe39d43cd5c3c2ae891846c2ec9ef0481 Mon Sep 17 00:00:00 2001
From: Robert Schulze <robert@clickhouse.com>
Date: Mon, 18 Aug 2025 19:26:33 +0200
Subject: [PATCH 1/2] Reapply "Add legend for measurement column 2.0"

This reverts commit c7fd4107cb7e31713611008290f4727cd8e55626.
---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index c69724b79..921d28be1 100644
--- a/index.html
+++ b/index.html
@@ -423,7 +423,8 @@ <h1>ClickBench — a Benchmark For Analytical DBMS</h1>
                 System &amp; Machine
             </th>
             <th colspan="2">
-                Relative <span id="time-or-size">time</span> (lower is better)
+                Relative <span id="time-or-size">time</span> (lower is better).<br>
+                <span style="font-weight: normal;">Different shades of brown represent the same value at different scales (1x, 10x, 100x zoom).</span>
             </th>
         </tr>
     </thead>

From 5c70fecdfd9cce6f465d8db69a60ae4449634b68 Mon Sep 17 00:00:00 2001
From: Robert Schulze <robert@clickhouse.com>
Date: Mon, 18 Aug 2025 19:38:32 +0200
Subject: [PATCH 2/2] Add legend for measurement column 3.0

---
 index.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 921d28be1..72312d517 100644
--- a/index.html
+++ b/index.html
@@ -424,7 +424,7 @@ <h1>ClickBench — a Benchmark For Analytical DBMS</h1>
             </th>
             <th colspan="2">
                 Relative <span id="time-or-size">time</span> (lower is better).<br>
-                <span style="font-weight: normal;">Different shades of brown represent the same value at different scales (1x, 10x, 100x zoom).</span>
+                <span style="font-weight: normal" id="scale_hint"></span>
             </th>
         </tr>
     </thead>
@@ -1045,6 +1045,10 @@ <h2>Detailed Comparison</h2>
     }
 
     findPassiveSelectors(filtered_data);
+
+    /// The small hint below column heading "Relative time (lower is better)"
+    color = (document.documentElement.getAttribute('data-theme') == 'dark') ? 'blue' : 'brown';
+    document.getElementById("scale_hint").textContent = 'Different shades of ' + color + ' represent the same value at different scales (1x, 10x, 100x zoom).';
 }
 
 function isSubsequence(str, subseq) {