From 372f69f99da8f72536c231bc1c45ea4d4d19e45a Mon Sep 17 00:00:00 2001
From: "Brennan Wilkes (Text Groove)" <brennan@textgroove.com>
Date: Fri, 6 Feb 2026 13:07:09 -0800
Subject: [PATCH] UX Improvements

---
 viz/app/stats_page.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/viz/app/stats_page.js b/viz/app/stats_page.js
index 9a0bcac..cea4a8b 100644
--- a/viz/app/stats_page.js
+++ b/viz/app/stats_page.js
@@ -782,11 +782,22 @@ export async function renderStats($app) {
             min: yBounds?.min,
             max: yBounds?.max,
             title: { display: true, text: "Avg % vs per-SKU median" },
+          
             ticks: {
-              stepSize: 1,          // <- minimum 1% between ticks
+              stepSize: 1,
               callback: (v) => `${Number(v).toFixed(0)}%`,
               maxTicksLimit: 12,
             },
+          
+            grid: {
+              drawBorder: false,
+              color: (ctx) => {
+                // Only draw for integer % values
+                if (!Number.isInteger(ctx.tick.value)) return "transparent";
+                return ctx.tick.value === 0 ? "rgba(154,166,178,0.35)" : "rgba(154,166,178,0.18)";
+              },
+              lineWidth: 1,
+            },
           },
         },
       },