Gallery / Annotations & rules

blank

The frame before the chart

Two corner rows fix the axes of Halley's life table and draw nothing, which is how a panel keeps another chart's scale or holds its shape before the data arrives.

The frame before the chart

Source

Svelte, builder, JSON

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

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

<GGPlot
  data={halleyFrame}
  aes={{ x: "age", y: "survivors" }}
  width={640}
  height={400}
>
  <ThemeClassic />
  <ScaleXContinuous breaks={[1, 10, 20, 30, 40, 50, 60, 70, 80]} nice={false} />
  <ScaleYContinuous breaks={[0, 200, 400, 600, 800, 1000]} />
  <Labs
    title="The frame before the chart"
    subtitle="Two corner rows pin the axes of Halley's life table; nothing is drawn on them"
    x="Age"
    y="Surviving"
  />
  <GeomBlank />
</GGPlot>

Meta

Details

Family
Annotations & rules
Source
blank/axes-only
Rendering
SVG
Techniques

blank · scales · domain · theme