diff --git a/src/transforms/bin.js b/src/transforms/bin.js
index 6aa9809200..bd70e70395 100644
--- a/src/transforms/bin.js
+++ b/src/transforms/bin.js
@@ -58,7 +58,7 @@ function binn(
   // Greedily materialize the z, fill, and stroke channels (if channels and not
   // constants) so that we can reference them for subdividing groups without
   // computing them more than once.
-  const {x, y, z, fill, stroke, ...options} = inputs;
+  const {x, y, z, fill, stroke, reverse, ...options} = inputs;
   const [GZ, setGZ] = maybeLazyChannel(z);
   const [vfill] = maybeColor(fill);
   const [vstroke] = maybeColor(stroke);
@@ -69,6 +69,7 @@ function binn(
     ..."z" in inputs && {z: GZ || z},
     ..."fill" in inputs && {fill: GF || fill},
     ..."stroke" in inputs && {stroke: GS || stroke},
+    ..."reverse" in inputs && {reverse},
     ...maybeTransform(options, (data, facets) => {
       const K = valueof(data, k);
       const Z = valueof(data, z);
diff --git a/test/output/penguinMassSpecies.svg b/test/output/penguinMassSpecies.svg
index af05220a79..184bb11e37 100644
--- a/test/output/penguinMassSpecies.svg
+++ b/test/output/penguinMassSpecies.svg
@@ -75,15 +75,15 @@
     <rect x="114" y="195" width="71" height="175" fill="#4e79a7"></rect>
     <rect x="186" y="154.04255319148936" width="72" height="215.95744680851064" fill="#4e79a7"></rect>
     <rect x="259" y="254.5744680851064" width="71" height="115.42553191489361" fill="#4e79a7"></rect>
-    <rect x="331" y="340.2127659574468" width="72" height="29.787234042553223" fill="#4e79a7"></rect>
+    <rect x="331" y="191.27659574468086" width="72" height="29.787234042553195" fill="#4e79a7"></rect>
     <rect x="41" y="336.48936170212767" width="72" height="7.446808510638277" fill="#f28e2c"></rect>
     <rect x="114" y="139.14893617021278" width="71" height="55.85106382978722" fill="#f28e2c"></rect>
     <rect x="186" y="23.72340425531913" width="72" height="130.31914893617022" fill="#f28e2c"></rect>
-    <rect x="259" y="206.17021276595744" width="71" height="48.404255319148945" fill="#f28e2c"></rect>
-    <rect x="331" y="329.04255319148933" width="72" height="11.170212765957444" fill="#f28e2c"></rect>
+    <rect x="259" y="150.31914893617022" width="71" height="48.404255319148945" fill="#f28e2c"></rect>
+    <rect x="331" y="180.10638297872342" width="72" height="11.170212765957444" fill="#f28e2c"></rect>
     <rect x="186" y="20" width="72" height="3.7234042553191316" fill="#e15759"></rect>
-    <rect x="259" y="150.31914893617022" width="71" height="55.85106382978722" fill="#e15759"></rect>
-    <rect x="331" y="180.10638297872342" width="72" height="148.93617021276592" fill="#e15759"></rect>
+    <rect x="259" y="198.72340425531917" width="71" height="55.85106382978722" fill="#e15759"></rect>
+    <rect x="331" y="221.06382978723406" width="72" height="148.93617021276594" fill="#e15759"></rect>
     <rect x="404" y="243.40425531914897" width="71" height="126.59574468085103" fill="#e15759"></rect>
     <rect x="476" y="262.02127659574467" width="72" height="107.97872340425533" fill="#e15759"></rect>
     <rect x="549" y="355.1063829787234" width="71" height="14.893617021276611" fill="#e15759"></rect>
diff --git a/test/plots/penguin-mass-species.js b/test/plots/penguin-mass-species.js
index e2089acfa2..bc72fa80fa 100644
--- a/test/plots/penguin-mass-species.js
+++ b/test/plots/penguin-mass-species.js
@@ -12,7 +12,7 @@ export default async function() {
       grid: true
     },
     marks: [
-      Plot.rectY(data, Plot.binX({y: "count"}, {x: "body_mass_g", fill: "species"})),
+      Plot.rectY(data, Plot.binX({y: "count"}, {x: "body_mass_g", fill: "species", order: "value", reverse: true})),
       Plot.ruleY([0])
     ]
   });