diff --git a/examples/compiled/histogram_rel_freq.png b/examples/compiled/histogram_rel_freq.png
index d4a8000c72..4a6223a07e 100644
Binary files a/examples/compiled/histogram_rel_freq.png and b/examples/compiled/histogram_rel_freq.png differ
diff --git a/examples/compiled/histogram_rel_freq.svg b/examples/compiled/histogram_rel_freq.svg
index f31ce41fa2..11aba0db03 100644
--- a/examples/compiled/histogram_rel_freq.svg
+++ b/examples/compiled/histogram_rel_freq.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="255" height="242" viewBox="0 0 255 242"><rect width="255" height="242" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(50,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.5h200v200h-200Z" 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="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,164)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,129)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,93)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,57)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,21)" x2="200" 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 'Horsepower' for a linear scale with values from 40 to 240"><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(10,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(60,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(110,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(160,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(10,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">50</text><text text-anchor="middle" transform="translate(60,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">100</text><text text-anchor="middle" transform="translate(110.00000000000001,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">150</text><text text-anchor="middle" transform="translate(160,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">200</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="200" 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(100,30)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">Horsepower</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 'Relative Frequency' for a linear scale with values from 0% to 28%"><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,164)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,129)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,93)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,57)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,21)" 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,167.28571428571428)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">5%</text><text text-anchor="end" transform="translate(-7,131.57142857142856)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">10%</text><text text-anchor="end" transform="translate(-7,95.85714285714286)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">15%</text><text text-anchor="end" transform="translate(-7,60.14285714285714)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">20%</text><text text-anchor="end" transform="translate(-7,24.42857142857144)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">25%</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(-33.2265625,100) rotate(-90) translate(0,-2)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">Relative Frequency</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="Horsepower: 120 – 140; Relative Frequency: 5.4%" role="graphics-symbol" aria-roledescription="bar" d="M81,161.2948627726953h19v38.705137227304704h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 160 – 180; Relative Frequency: 4.9%" role="graphics-symbol" aria-roledescription="bar" d="M121,164.81351161154117h19v35.18648838845883h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 140 – 160; Relative Frequency: 11.6%" role="graphics-symbol" aria-roledescription="bar" d="M101,117.31175228712173h19v82.68824771287827h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 180 – 200; Relative Frequency: 2.7%" role="graphics-symbol" aria-roledescription="bar" d="M141,180.64743138634765h19v19.352568613652352h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 220 – 240; Relative Frequency: 1.2%" role="graphics-symbol" aria-roledescription="bar" d="M181,191.20337790288528h19v8.79662209711472h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 200 – 220; Relative Frequency: 1.5%" role="graphics-symbol" aria-roledescription="bar" d="M161,189.44405348346237h19v10.555946516537631h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 100 – 120; Relative Frequency: 15.5%" role="graphics-symbol" aria-roledescription="bar" d="M61,89.16256157635469h19v110.83743842364531h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 80 – 100; Relative Frequency: 27.8%" role="graphics-symbol" aria-roledescription="bar" d="M41,1.196340605207613h19v198.8036593947924h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 40 – 60; Relative Frequency: 3.9%" role="graphics-symbol" aria-roledescription="bar" d="M1,171.85080928923293h19v28.149190710767073h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 60 – 80; Relative Frequency: 23.9%" role="graphics-symbol" aria-roledescription="bar" d="M21,29.345531315974682h19v170.65446868402532h-19Z" fill="#4c78a8"/></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="255" height="242" viewBox="0 0 255 242"><rect width="255" height="242" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(50,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.5h200v200h-200Z" 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="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,164)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,129)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,93)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,57)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,21)" x2="200" 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 'Horsepower' for a linear scale with values from 40 to 240"><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(0,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(60,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(120,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(180,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="start" transform="translate(0,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">40</text><text text-anchor="middle" transform="translate(60,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">100</text><text text-anchor="middle" transform="translate(120,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">160</text><text text-anchor="middle" transform="translate(180,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">220</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="200" 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(100,30)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">Horsepower</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 'Relative Frequency' for a linear scale with values from 0% to 28%"><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,164)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,129)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,93)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,57)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,21)" 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,167.28571428571428)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">5%</text><text text-anchor="end" transform="translate(-7,131.57142857142856)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">10%</text><text text-anchor="end" transform="translate(-7,95.85714285714286)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">15%</text><text text-anchor="end" transform="translate(-7,60.14285714285714)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">20%</text><text text-anchor="end" transform="translate(-7,24.42857142857144)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">25%</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(-33.2265625,100) rotate(-90) translate(0,-2)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">Relative Frequency</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="Horsepower: 120 – 140; Relative Frequency: 5.4%" role="graphics-symbol" aria-roledescription="bar" d="M81,161.2948627726953h19v38.705137227304704h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 160 – 180; Relative Frequency: 4.9%" role="graphics-symbol" aria-roledescription="bar" d="M121,164.81351161154117h19v35.18648838845883h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 140 – 160; Relative Frequency: 11.6%" role="graphics-symbol" aria-roledescription="bar" d="M101,117.31175228712173h19v82.68824771287827h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 180 – 200; Relative Frequency: 2.7%" role="graphics-symbol" aria-roledescription="bar" d="M141,180.64743138634765h19v19.352568613652352h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 220 – 240; Relative Frequency: 1.2%" role="graphics-symbol" aria-roledescription="bar" d="M181,191.20337790288528h19v8.79662209711472h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 200 – 220; Relative Frequency: 1.5%" role="graphics-symbol" aria-roledescription="bar" d="M161,189.44405348346237h19v10.555946516537631h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 100 – 120; Relative Frequency: 15.5%" role="graphics-symbol" aria-roledescription="bar" d="M61,89.16256157635469h19v110.83743842364531h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 80 – 100; Relative Frequency: 27.8%" role="graphics-symbol" aria-roledescription="bar" d="M41,1.196340605207613h19v198.8036593947924h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 40 – 60; Relative Frequency: 3.9%" role="graphics-symbol" aria-roledescription="bar" d="M1,171.85080928923293h19v28.149190710767073h-19Z" fill="#4c78a8"/><path aria-label="Horsepower: 60 – 80; Relative Frequency: 23.9%" role="graphics-symbol" aria-roledescription="bar" d="M21,29.345531315974682h19v170.65446868402532h-19Z" fill="#4c78a8"/></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/histogram_rel_freq.vg.json b/examples/compiled/histogram_rel_freq.vg.json
index 4b292dad5d..8e1171acbd 100644
--- a/examples/compiled/histogram_rel_freq.vg.json
+++ b/examples/compiled/histogram_rel_freq.vg.json
@@ -103,6 +103,7 @@
         "fields": ["bin_Horsepwoer", "bin_Horsepwoer_end"]
       },
       "range": [0, {"signal": "width"}],
+      "bins": {"step": 60},
       "zero": false
     },
     {
diff --git a/examples/specs/histogram_rel_freq.vl.json b/examples/specs/histogram_rel_freq.vl.json
index 336dac3f2b..69f70c6850 100644
--- a/examples/specs/histogram_rel_freq.vl.json
+++ b/examples/specs/histogram_rel_freq.vl.json
@@ -18,7 +18,7 @@
     "x": {
       "title": "Horsepower",
       "field": "bin_Horsepwoer",
-      "bin": {"binned": true}
+      "bin": {"binned": true, "step": 60}
     },
     "x2": {"field": "bin_Horsepwoer_end"},
     "y": {