Skip to content

Components · concept-map

Concept map

A hand-drawn map of how one thing connects to others, by kind of connection, that turns into a list on phones.

npx shadcn add @patina/concept-map

Laid out by its seed

Grey heron

Feeds on
  • Eel
  • Flounder
  • Water vole
  • Shore crab
  • Little egret feeds on Shore crab
Shares habitat with
  • Little egret
  • Bittern
Found at
  • Tidal flats
  • Reed bed
  • Sluice gate

Placed by hand

Sluice gate

Passes through
  • Eel
  • Flounder
Waits at
  • Grey heron
  • Cormorant
Feeds on
  • Grey heron feeds on Eel
  • Cormorant feeds on Flounder

As a list

Grey heron

Feeds on
  • Eel
  • Flounder
  • Water vole
  • Shore crab
  • Little egret feeds on Shore crab
Shares habitat with
  • Little egret
  • Bittern
Found at
  • Tidal flats
  • Reed bed
  • Sluice gate