stack helpers

Author: mbostock

src/index.js

@@ -11,6 +11,7 @@ export {Line, line, lineX, lineY} from "./marks/line.js";
 export {Link, link} from "./marks/link.js";
 export {Rect, rect, rectX, rectY} from "./marks/rect.js";
 export {RuleX, RuleY, ruleX, ruleY} from "./marks/rule.js";
+export {stackAreaX, stackAreaY, stackBarX, stackBarY} from "./marks/stack.js";
 export {Text, text, textX, textY} from "./marks/text.js";
 export {TickX, TickY, tickX, tickY} from "./marks/tick.js";
 export {bin1, bin2} from "./transforms/bin.js";

src/marks/stack.js

@@ -0,0 +1,19 @@
+import {stackX, stackY} from "../transforms/stack.js";
+import {areaX, areaY} from "./area.js";
+import {barX, barY} from "./bar.js";
+
+export function stackAreaX(data, options) {
+  return areaX(...stackX(data, options));
+}
+
+export function stackAreaY(data, options) {
+  return areaY(...stackY(data, options));
+}
+
+export function stackBarX(data, options) {
+  return barX(...stackX(data, options));
+}
+
+export function stackBarY(data, options) {
+  return barY(...stackY(data, options));
+}

test/plots/industry-unemployment.js

@@ -8,7 +8,7 @@ export default async function() {
       grid: true
     },
     marks: [
-      Plot.areaY(...Plot.stackY(data, {x: "date", y: "unemployed", fill: "industry"})),
+      Plot.stackAreaY(data, {x: "date", y: "unemployed", fill: "industry"}),
       Plot.ruleY([0])
     ]
   });