Mermaid ベン図のチートシート

重なっている集合と、その共有領域。

このページのすべての図は

Mernyx（macOS 向けネイティブ Mermaid エディタ）が描いたものです。ブラウザで動く Mermaid.js ではなく、App のキャンバスで使うのと同じレンダラーです。

集合

集合は名前と角括弧の中のラベルです。ラベルのない集合も描かれますが、名前はつきません。

venn-beta
  title Capability overlap
  set Core["Core renderer"]
  set Host["Host theme"]
  set Theme["Theme tokens"]

union は 2 つ（または 3 つ）の集合の共通部分を名づけます。

venn-beta
  title Capability overlap
  set Core["Core renderer"]
  set Host["Host theme"]
  union Core,Host["Shared surface"]

集合のあとの数字がその値で、union のあとの同じ数字が重なり部分の値です。

venn-beta
  set Core["Core renderer"]:10
  set Host["Host theme"]:8
  union Core,Host["Shared surface"]:3