penguin-species-island-sex example plot (#281)

Author: Fil

test/output/penguinSpeciesIslandSex.svg

@@ -63,6 +63,7 @@ export {default as penguinSexMassCulmenSpecies} from "./penguin-sex-mass-culmen-
 export {default as penguinSpeciesGroup} from "./penguin-species-group.js";
 export {default as penguinSpeciesIsland} from "./penguin-species-island.js";
 export {default as penguinSpeciesIslandRelative} from "./penguin-species-island-relative.js";
+export {default as penguinSpeciesIslandSex} from "./penguin-species-island-sex.js";
 export {default as policeDeaths} from "./police-deaths.js";
 export {default as policeDeathsBar} from "./police-deaths-bar.js";
 export {default as randomWalk} from "./random-walk.js";

test/plots/index.js

@@ -0,0 +1,29 @@
+import * as Plot from "@observablehq/plot";
+import * as d3 from "d3";
+
+export default async function() {
+  const data = await d3.csv("data/penguins.csv", d3.autoType);
+  return Plot.plot({
+    facet: {
+      data,
+      x: "species"
+    },
+    fx: {
+      domain: d3.groupSort(data, ({length}) => length, d => d.species).reverse()
+    },
+    x: {
+      domain: ["MALE", "FEMALE", null],
+      tickFormat: d => d === null ? "N/A" : d
+    },
+    y: {
+      grid: true
+    },
+    color: {
+      scheme: "greys"
+    },
+    marks: [
+      Plot.barY(data, Plot.stackY(Plot.groupX({y: "count"}, {x: "sex", fill: "island", stroke: "black"}))),
+      Plot.ruleY([0])
+    ]
+  });
+}