Gallery / Maps & spatial

sf

Snow's pumps, named in place

The thirteen Soho neighbourhoods with each pump's street name set at the centre of the area it served, positioned from the geometry rather than from x and y.

Snow's pumps, named in place

Source

Svelte, builder, JSON

<script lang="ts">
  import {
    CoordFixed,
    GeomSf,
    GeomSfText,
    GGPlot,
    GuideNone,
    Labs,
    ThemeClassic,
  } from "@ggsvelte/svelte";

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

<GGPlot
  data={pumpNeighbourhoods}
  aes={{ fill: "pump", label: "pump" }}
  width={640}
  height={400}
>
  <ThemeClassic />
  <CoordFixed />
  <GuideNone channel="fill" />
  <Labs
    title="Every pump in Snow's Soho, named"
    subtitle="Plain labels at the centre of the area each pump served"
  />
  <GeomSf alpha={0.35} linewidth={0.8} />
  <GeomSfText size={11} />
</GGPlot>

Meta

Details

Family
Maps & spatial
Source
sf/labels
Rendering
SVG
Techniques

sf · sf_text · label · geojson · centroid · map