diff --git a/examples/compiled/tick_width_band.png b/examples/compiled/tick_width_band.png
new file mode 100644
index 0000000000..daa9b0baf3
Binary files /dev/null and b/examples/compiled/tick_width_band.png differ
diff --git a/examples/compiled/tick_width_band.svg b/examples/compiled/tick_width_band.svg
new file mode 100644
index 0000000000..b2c50e4a56
--- /dev/null
+++ b/examples/compiled/tick_width_band.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="502" height="247" viewBox="0 0 502 247"><rect width="502" height="247" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(47,10)"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0.5,0.5h450v200h-450Z" stroke="#ddd"/><g><g class="mark-group role-axis" aria-hidden="true"><g transform="translate(0.5,0.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-grid" pointer-events="none"><line transform="translate(0,200)" x2="450" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,160)" x2="450" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,120)" x2="450" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,80)" x2="450" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,40)" x2="450" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,0)" x2="450" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-group role-axis" role="graphics-symbol" aria-roledescription="axis" aria-label="X-axis titled 'a' for a discrete scale with 9 values: A, B, C, D, E, ending with I"><g transform="translate(0.5,200.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-tick" pointer-events="none"><line transform="translate(25,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(75,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(125,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(175,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(225,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(275,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(325,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(375,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(425,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-label" pointer-events="none"><text text-anchor="middle" transform="translate(24.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">A</text><text text-anchor="middle" transform="translate(74.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">B</text><text text-anchor="middle" transform="translate(124.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">C</text><text text-anchor="middle" transform="translate(174.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">D</text><text text-anchor="middle" transform="translate(224.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">E</text><text text-anchor="middle" transform="translate(274.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">F</text><text text-anchor="middle" transform="translate(324.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">G</text><text text-anchor="middle" transform="translate(374.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">H</text><text text-anchor="middle" transform="translate(424.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">I</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="450" y2="0" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-title" pointer-events="none"><text text-anchor="middle" transform="translate(225,30)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">a</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-group role-axis" role="graphics-symbol" aria-roledescription="axis" aria-label="Y-axis titled 'b' for a linear scale with values from 0 to 100"><g transform="translate(0.5,0.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-tick" pointer-events="none"><line transform="translate(0,200)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,160)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,120)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,80)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,40)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,0)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-label" pointer-events="none"><text text-anchor="end" transform="translate(-7,203)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">0</text><text text-anchor="end" transform="translate(-7,163)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">20</text><text text-anchor="end" transform="translate(-7,123)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">40</text><text text-anchor="end" transform="translate(-7,83)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">60</text><text text-anchor="end" transform="translate(-7,42.99999999999999)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">80</text><text text-anchor="end" transform="translate(-7,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">100</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,200)" x2="0" y2="-200" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-title" pointer-events="none"><text text-anchor="middle" transform="translate(-30.0869140625,100) rotate(-90) translate(0,-2)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">b</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-rect role-mark marks" role="graphics-object" aria-roledescription="rect mark container"><path aria-label="a: A; b: 28" role="graphics-symbol" aria-roledescription="tick" d="MNaN,143.5LNaN,143.5CNaN,143.5,NaN,NaN,NaN,NaNLNaN,NaNCNaN,NaN,NaN,144.5,NaN,144.5LNaN,144.5CNaN,144.5,0,NaN,0,NaNL0,NaNC0,NaN,NaN,143.5,NaN,143.5Z" fill="#4c78a8" opacity="0.7"/><path aria-label="a: B; b: 55" role="graphics-symbol" aria-roledescription="tick" d="MNaN,89.49999999999999LNaN,89.49999999999999CNaN,89.49999999999999,NaN,NaN,NaN,NaNLNaN,NaNCNaN,NaN,NaN,90.49999999999999,NaN,90.49999999999999LNaN,90.49999999999999CNaN,90.49999999999999,0,NaN,0,NaNL0,NaNC0,NaN,NaN,89.49999999999999,NaN,89.49999999999999Z" fill="#4c78a8" opacity="0.7"/><path aria-label="a: C; b: 43" role="graphics-symbol" aria-roledescription="tick" d="MNaN,113.50000000000001LNaN,113.50000000000001CNaN,113.50000000000001,NaN,NaN,NaN,NaNLNaN,NaNCNaN,NaN,NaN,114.50000000000001,NaN,114.50000000000001LNaN,114.50000000000001CNaN,114.50000000000001,0,NaN,0,NaNL0,NaNC0,NaN,NaN,113.50000000000001,NaN,113.50000000000001Z" fill="#4c78a8" opacity="0.7"/><path aria-label="a: D; b: 91" role="graphics-symbol" aria-roledescription="tick" d="MNaN,17.499999999999993LNaN,17.499999999999993CNaN,17.499999999999993,NaN,NaN,NaN,NaNLNaN,NaNCNaN,NaN,NaN,18.499999999999993,NaN,18.499999999999993LNaN,18.499999999999993CNaN,18.499999999999993,0,NaN,0,NaNL0,NaNC0,NaN,NaN,17.499999999999993,NaN,17.499999999999993Z" fill="#4c78a8" opacity="0.7"/><path aria-label="a: E; b: 81" role="graphics-symbol" aria-roledescription="tick" d="MNaN,37.499999999999986LNaN,37.499999999999986CNaN,37.499999999999986,NaN,NaN,NaN,NaNLNaN,NaNCNaN,NaN,NaN,38.499999999999986,NaN,38.499999999999986LNaN,38.499999999999986CNaN,38.499999999999986,0,NaN,0,NaNL0,NaNC0,NaN,NaN,37.499999999999986,NaN,37.499999999999986Z" fill="#4c78a8" opacity="0.7"/><path aria-label="a: F; b: 53" role="graphics-symbol" aria-roledescription="tick" d="MNaN,93.5LNaN,93.5CNaN,93.5,NaN,NaN,NaN,NaNLNaN,NaNCNaN,NaN,NaN,94.5,NaN,94.5LNaN,94.5CNaN,94.5,0,NaN,0,NaNL0,NaNC0,NaN,NaN,93.5,NaN,93.5Z" fill="#4c78a8" opacity="0.7"/><path aria-label="a: G; b: 19" role="graphics-symbol" aria-roledescription="tick" d="MNaN,161.5LNaN,161.5CNaN,161.5,NaN,NaN,NaN,NaNLNaN,NaNCNaN,NaN,NaN,162.5,NaN,162.5LNaN,162.5CNaN,162.5,0,NaN,0,NaNL0,NaNC0,NaN,NaN,161.5,NaN,161.5Z" fill="#4c78a8" opacity="0.7"/><path aria-label="a: H; b: 87" role="graphics-symbol" aria-roledescription="tick" d="MNaN,25.5LNaN,25.5CNaN,25.5,NaN,NaN,NaN,NaNLNaN,NaNCNaN,NaN,NaN,26.5,NaN,26.5LNaN,26.5CNaN,26.5,0,NaN,0,NaNL0,NaNC0,NaN,NaN,25.5,NaN,25.5Z" fill="#4c78a8" opacity="0.7"/><path aria-label="a: I; b: 52" role="graphics-symbol" aria-roledescription="tick" d="MNaN,95.5LNaN,95.5CNaN,95.5,NaN,NaN,NaN,NaNLNaN,NaNCNaN,NaN,NaN,96.5,NaN,96.5LNaN,96.5CNaN,96.5,0,NaN,0,NaNL0,NaNC0,NaN,NaN,95.5,NaN,95.5Z" fill="#4c78a8" opacity="0.7"/></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>
\ No newline at end of file
diff --git a/examples/compiled/tick_width_band.vg.json b/examples/compiled/tick_width_band.vg.json
new file mode 100644
index 0000000000..549c70dd1b
--- /dev/null
+++ b/examples/compiled/tick_width_band.vg.json
@@ -0,0 +1,115 @@
+{
+  "$schema": "https://vega.github.io/schema/vega/v5.json",
+  "description": "A simple bar chart with embedded data.",
+  "background": "white",
+  "padding": 5,
+  "height": 200,
+  "style": "cell",
+  "data": [
+    {
+      "name": "source_0",
+      "values": [
+        {"a": "A", "b": 28},
+        {"a": "B", "b": 55},
+        {"a": "C", "b": 43},
+        {"a": "D", "b": 91},
+        {"a": "E", "b": 81},
+        {"a": "F", "b": 53},
+        {"a": "G", "b": 19},
+        {"a": "H", "b": 87},
+        {"a": "I", "b": 52}
+      ]
+    },
+    {
+      "name": "data_0",
+      "source": "source_0",
+      "transform": [
+        {
+          "type": "filter",
+          "expr": "isValid(datum[\"b\"]) && isFinite(+datum[\"b\"])"
+        }
+      ]
+    }
+  ],
+  "signals": [
+    {"name": "x_step", "value": 50},
+    {
+      "name": "width",
+      "update": "bandspace(domain('x').length, 0.25, 0.125) * x_step"
+    }
+  ],
+  "marks": [
+    {
+      "name": "marks",
+      "type": "rect",
+      "style": ["tick"],
+      "from": {"data": "data_0"},
+      "encode": {
+        "update": {
+          "opacity": {"value": 0.7},
+          "fill": {"value": "#4c78a8"},
+          "ariaRoleDescription": {"value": "tick"},
+          "description": {
+            "signal": "\"a: \" + (isValid(datum[\"a\"]) ? datum[\"a\"] : \"\"+datum[\"a\"]) + \"; b: \" + (format(datum[\"b\"], \"\"))"
+          },
+          "xc": {"scale": "x", "field": "a", "band": 0.5},
+          "yc": {"scale": "y", "field": "b"},
+          "width": {"value": {"band": 0.5}},
+          "height": {"value": 1}
+        }
+      }
+    }
+  ],
+  "scales": [
+    {
+      "name": "x",
+      "type": "band",
+      "domain": {"data": "data_0", "field": "a", "sort": true},
+      "range": {"step": {"signal": "x_step"}},
+      "paddingInner": 0.25,
+      "paddingOuter": 0.125
+    },
+    {
+      "name": "y",
+      "type": "linear",
+      "domain": {"data": "data_0", "field": "b"},
+      "range": [{"signal": "height"}, 0],
+      "nice": true,
+      "zero": true
+    }
+  ],
+  "axes": [
+    {
+      "scale": "y",
+      "orient": "left",
+      "gridScale": "x",
+      "grid": true,
+      "tickCount": {"signal": "ceil(height/40)"},
+      "domain": false,
+      "labels": false,
+      "aria": false,
+      "maxExtent": 0,
+      "minExtent": 0,
+      "ticks": false,
+      "zindex": 0
+    },
+    {
+      "scale": "x",
+      "orient": "bottom",
+      "grid": false,
+      "title": "a",
+      "labelAngle": 0,
+      "labelBaseline": "top",
+      "zindex": 0
+    },
+    {
+      "scale": "y",
+      "orient": "left",
+      "grid": false,
+      "title": "b",
+      "labelOverlap": true,
+      "tickCount": {"signal": "ceil(height/40)"},
+      "zindex": 0
+    }
+  ]
+}