Gallery / Distributions

bin2d

Two-dimensional bins for a dense cloud

2D bins when a scatter is too dense for individual points.

Two-dimensional bins for a dense cloud

Source

Svelte, builder, JSON

<script lang="ts">
  import {
    GeomBin2d,
    GGPlot,
    Inspect,
    Labs,
    ScaleFillContinuous,
    ThemeMinimal,
  } from "@ggts-sh/svelte";

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

<GGPlot
  data={oldFaithful}
  aes={{ x: "duration", y: "waiting" }}
  width={640}
  height={400}
>
  <GeomBin2d bins={16} />
  <ScaleFillContinuous scheme="viridis" />
  <ThemeMinimal />
  <Labs
    title="Two-dimensional bins for a dense cloud"
    subtitle="Waiting time against eruption length for Old Faithful"
    x="Eruption length (minutes)"
    y="Wait for the next eruption (minutes)"
    fill="Eruptions"
  />
  <Inspect mode="exact" pin />
</GGPlot>

Meta

Details

Family
Distributions
Source
bin2d/basic
Rendering
SVG
Techniques

bin2d · heatmap · density