Gallery / Points & scatter

point

A sparkline without axes or grid

Void theme when the mark alone is the chart.

A sparkline without axes or grid

Source

Svelte, builder, JSON

<script lang="ts">
  import {
    GeomLine,
    GeomPoint,
    GGPlot,
    Inspect,
    Labs,
    ThemeVoid,
  } from "@ggts-sh/svelte";

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

<GGPlot
  data={britishExports}
  aes={{ x: "year", y: "value" }}
  width={640}
  height={400}
>
  <GeomLine linewidth={1.5} />
  <GeomPoint size={2.4} alpha={0.8} />
  <ThemeVoid />
  <Labs
    title="A sparkline without axes or grid"
    subtitle="Exports over decades reduced to a thin line with no chart furniture"
    x=""
    y=""
  />
  <Inspect mode="x" pin />
</GGPlot>

Meta

Details

Family
Points & scatter
Source
point/void-chrome
Rendering
SVG
Techniques

point · theme · void · chrome-free