Earthquake strength by depth

<script lang="ts">
  import {
    GeomPoint,
    GeomQuantile,
    GGPlot,
    Labs,
    ThemeClassic,
  } from "@ggsvelte/svelte";

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

<GGPlot
  data={fijiQuakes}
  aes={{ x: "depth", y: "mag" }}
  width={640}
  height={400}
>
  <ThemeClassic />
  <Labs
    title="How strong an earthquake gets, by how deep it is"
    subtitle="Lower quartile, median and upper quartile of magnitude through the crust off Fiji"
    x="Depth (km)"
    y="Richter magnitude"
  />
  <GeomPoint alpha={0.3} size={2} />
  <GeomQuantile linewidth={1.4} />
</GGPlot>