维恩图 <Venn />
2 或 3 个半透明圆相交,每个圆写名称和一句说明,正中的深色胶囊写它们的交集。
Template and style descriptions are currently available in Chinese only.
- Group
- 概念 · 几样东西的交集
- Component
Venn·#venn
Good for
- 几个维度共同决定一个结果
- 定性说明,不带数量
Avoid when
- 要比较各部分大小:用 Donut
- 超过 3 个集合
Content limits
| 1 | sets 2–3 个:label ≤ 8 字,note ≤ 10 字 |
| 2 | overlap ≤ 8 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
sets · required | { label, note, spot? }[] | 集合 |
overlap · required | string | 交集 |
Example
<Venn kicker="三个开关" title="…" sets={[{ label: '模板', note: '布局与内容上限' }, …]} overlap="一份演示" />