diff --git a/examples/compiled/bar_x_offset_without_x.png b/examples/compiled/bar_x_offset_without_x.png
index 122bd1ac9e..dddf972e29 100644
Binary files a/examples/compiled/bar_x_offset_without_x.png and b/examples/compiled/bar_x_offset_without_x.png differ
diff --git a/examples/compiled/bar_x_offset_without_x.svg b/examples/compiled/bar_x_offset_without_x.svg
index 3d7578d3ff..339c464fe7 100644
--- a/examples/compiled/bar_x_offset_without_x.svg
+++ b/examples/compiled/bar_x_offset_without_x.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="114" height="215" viewBox="0 0 114 215"><rect width="114" height="215" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(34,5)"><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.5h20v200h-20Z" 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="20" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,156)" x2="20" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,111)" x2="20" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,67)" x2="20" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,22)" x2="20" 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="Y-axis titled 'value' for a linear scale with values from 0 to 5"><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,156)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,111)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,67)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,22)" 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,158.55555555555557)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">1</text><text text-anchor="end" transform="translate(-7,114.11111111111111)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">2</text><text text-anchor="end" transform="translate(-7,69.66666666666667)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">3</text><text text-anchor="end" transform="translate(-7,25.222222222222232)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">4</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(-17.3623046875,100) rotate(-90) translate(0,-2)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">value</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="value: 0.1; group: x" role="graphics-symbol" aria-roledescription="bar" d="M0,57.77777777777775h18v4.44444444444445h-18Z" fill="#4c78a8"/><path aria-label="value: 0.6; group: y" role="graphics-symbol" aria-roledescription="bar" d="M0,75.55555555555556h18v26.666666666666657h-18Z" fill="#f58518"/><path aria-label="value: 0.9; group: z" role="graphics-symbol" aria-roledescription="bar" d="M0,160h18v40h-18Z" fill="#e45756"/><path aria-label="value: 0.7; group: x" role="graphics-symbol" aria-roledescription="bar" d="M0,26.66666666666666h18v31.11111111111109h-18Z" fill="#4c78a8"/><path aria-label="value: 0.2; group: y" role="graphics-symbol" aria-roledescription="bar" d="M0,66.66666666666666h18v8.8888888888889h-18Z" fill="#f58518"/><path aria-label="value: 1.1; group: z" role="graphics-symbol" aria-roledescription="bar" d="M0,111.11111111111111h18v48.888888888888886h-18Z" fill="#e45756"/><path aria-label="value: 0.6; group: x" role="graphics-symbol" aria-roledescription="bar" d="M0,0h18v26.66666666666666h-18Z" fill="#4c78a8"/><path aria-label="value: 0.1; group: y" role="graphics-symbol" aria-roledescription="bar" d="M0,62.2222222222222h18v4.444444444444457h-18Z" fill="#f58518"/><path aria-label="value: 0.2; group: z" role="graphics-symbol" aria-roledescription="bar" d="M0,102.22222222222221h18v8.8888888888889h-18Z" fill="#e45756"/></g><g class="mark-group role-legend" role="graphics-symbol" aria-roledescription="legend" aria-label="Symbol legend titled 'group' for fill color with 3 values: x, y, z"><g transform="translate(38,0)"><path class="background" aria-hidden="true" d="M0,0h37v53h-37Z" pointer-events="none"/><g><g class="mark-group role-legend-entry"><g transform="translate(0,16)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-group role-scope" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h21.91796875v11h-21.91796875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#4c78a8" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">x</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,13)"><path class="background" aria-hidden="true" d="M0,0h21.91796875v11h-21.91796875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#f58518" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">y</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,26)"><path class="background" aria-hidden="true" d="M0,0h21.91796875v11h-21.91796875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#e45756" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">z</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-text role-legend-title" pointer-events="none"><text text-anchor="start" transform="translate(0,9)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">group</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="123" height="215" viewBox="0 0 123 215"><rect width="123" height="215" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(43,5)"><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.5h20v200h-20Z" 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="20" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,155)" x2="20" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,109)" x2="20" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,64)" x2="20" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,18)" x2="20" 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="Y-axis titled 'value' for a linear scale with values from 0.0 to 2.2"><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,155)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,109)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,64)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,18)" 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.0</text><text text-anchor="end" transform="translate(-7,157.54545454545453)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">0.5</text><text text-anchor="end" transform="translate(-7,112.09090909090908)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">1.0</text><text text-anchor="end" transform="translate(-7,66.63636363636365)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">1.5</text><text text-anchor="end" transform="translate(-7,21.181818181818187)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">2.0</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(-26.9033203125,100) rotate(-90) translate(0,-2)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">value</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="value: 0.1; group: x" role="graphics-symbol" aria-roledescription="bar" d="M0,190.9090909090909h6.666666666666667v9.090909090909093h-6.666666666666667Z" fill="#4c78a8"/><path aria-label="value: 0.6; group: y" role="graphics-symbol" aria-roledescription="bar" d="M6.666666666666667,145.45454545454547h6.666666666666667v54.54545454545453h-6.666666666666667Z" fill="#f58518"/><path aria-label="value: 0.9; group: z" role="graphics-symbol" aria-roledescription="bar" d="M13.333333333333334,118.18181818181819h6.666666666666667v81.81818181818181h-6.666666666666667Z" fill="#e45756"/><path aria-label="value: 0.7; group: x" role="graphics-symbol" aria-roledescription="bar" d="M0,127.2727272727273h6.666666666666667v63.63636363636361h-6.666666666666667Z" fill="#4c78a8"/><path aria-label="value: 0.2; group: y" role="graphics-symbol" aria-roledescription="bar" d="M6.666666666666667,127.27272727272727h6.666666666666667v18.1818181818182h-6.666666666666667Z" fill="#f58518"/><path aria-label="value: 1.1; group: z" role="graphics-symbol" aria-roledescription="bar" d="M13.333333333333334,18.181818181818187h6.666666666666667v100h-6.666666666666667Z" fill="#e45756"/><path aria-label="value: 0.6; group: x" role="graphics-symbol" aria-roledescription="bar" d="M0,72.72727272727275h6.666666666666667v54.54545454545455h-6.666666666666667Z" fill="#4c78a8"/><path aria-label="value: 0.1; group: y" role="graphics-symbol" aria-roledescription="bar" d="M6.666666666666667,118.18181818181819h6.666666666666667v9.09090909090908h-6.666666666666667Z" fill="#f58518"/><path aria-label="value: 0.2; group: z" role="graphics-symbol" aria-roledescription="bar" d="M13.333333333333334,0h6.666666666666667v18.181818181818187h-6.666666666666667Z" fill="#e45756"/></g><g class="mark-group role-legend" role="graphics-symbol" aria-roledescription="legend" aria-label="Symbol legend titled 'group' for fill color with 3 values: x, y, z"><g transform="translate(38,0)"><path class="background" aria-hidden="true" d="M0,0h37v53h-37Z" pointer-events="none"/><g><g class="mark-group role-legend-entry"><g transform="translate(0,16)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-group role-scope" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h21.91796875v11h-21.91796875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#4c78a8" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">x</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,13)"><path class="background" aria-hidden="true" d="M0,0h21.91796875v11h-21.91796875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#f58518" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">y</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,26)"><path class="background" aria-hidden="true" d="M0,0h21.91796875v11h-21.91796875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#e45756" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">z</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-text role-legend-title" pointer-events="none"><text text-anchor="start" transform="translate(0,9)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">group</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></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/bar_x_offset_without_x.vg.json b/examples/compiled/bar_x_offset_without_x.vg.json
index 99fefe0cf2..c3fb601dde 100644
--- a/examples/compiled/bar_x_offset_without_x.vg.json
+++ b/examples/compiled/bar_x_offset_without_x.vg.json
@@ -27,9 +27,9 @@
       "transform": [
         {
           "type": "stack",
-          "groupby": [],
+          "groupby": ["group"],
           "field": "value",
-          "sort": {"field": ["group"], "order": ["descending"]},
+          "sort": {"field": [], "order": []},
           "as": ["value_start", "value_end"],
           "offset": "zero"
         },
@@ -53,8 +53,12 @@
           "description": {
             "signal": "\"value: \" + (format(datum[\"value\"], \"\")) + \"; group: \" + (isValid(datum[\"group\"]) ? datum[\"group\"] : \"\"+datum[\"group\"])"
           },
-          "xc": {"signal": "width", "mult": 0.5, "offset": {"field": "group"}},
-          "width": {"signal": "0.9 * width"},
+          "x": {
+            "signal": "width",
+            "mult": 0.5,
+            "offset": {"scale": "xOffset", "field": "group"}
+          },
+          "width": {"signal": "max(0.25, bandwidth('xOffset'))"},
           "y": {"scale": "y", "field": "value_end"},
           "y2": {"scale": "y", "field": "value_start"}
         }
@@ -70,6 +74,12 @@
       "nice": true,
       "zero": true
     },
+    {
+      "name": "xOffset",
+      "type": "band",
+      "domain": {"data": "data_0", "field": "group", "sort": true},
+      "range": [{"signal": "-width/2"}, {"signal": "width/2"}]
+    },
     {
       "name": "color",
       "type": "ordinal",