Gallery / Bars & columns

col

Linedraw theme on chest-size columns

Linedraw theme on ordered chest counts: hard black axes and grid on white, with no grey chrome.

Linedraw theme on chest-size columns

Source

Svelte, builder, JSON

<script lang="ts">
  import {
    GeomCol,
    GGPlot,
    Inspect,
    Labs,
    ScaleXContinuous,
    ThemeLinedraw,
  } from "@ggts-sh/svelte";

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

<GGPlot
  data={chestSizes}
  aes={{ x: "chest", y: "soldiers" }}
  width={640}
  height={400}
>
  <GeomCol />
  <ScaleXContinuous nice={false} />
  <ThemeLinedraw />
  <Labs
    title="Linedraw theme on chest-size columns"
    subtitle="Hard black lines, white panel, no grey fill"
    x="Chest circumference (inches)"
    y="Soldiers"
  />
  <Inspect mode="exact" pin />
</GGPlot>

Meta

Details

Family
Bars & columns
Source
col/theme-linedraw
Rendering
SVG
Techniques

col · bars · theme · linedraw