Three thousand criminals, measured

<script lang="ts">
  import {
    GeomRaster,
    GGPlot,
    Labs,
    ScaleFillContinuous,
    ThemeFew,
  } from "@ggsvelte/svelte";

  import { criminalStature } from "./data.js";
</script>

<GGPlot
  data={criminalStature}
  aes={{ x: "finger", y: "height", fill: "men" }}
  width={640}
  height={400}
>
  <ThemeFew />
  <ScaleFillContinuous scheme="viridis" />
  <Labs
    title="Three thousand criminals, measured"
    subtitle="Macdonell, 1902: stature against left middle-finger length, 495 cells of a complete grid"
    x="Left middle finger (cm)"
    y="Height (feet)"
    fill="Men"
  />
  <GeomRaster />
</GGPlot>