项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。

韦恩图 venn ​

集合关系的一张图读法:圆的面积即集合规模,重叠区即交集。用户群体重叠分析、能力圈交叉、会员权益交叠这类「两者之间有多少重合」的首选。

何时使用 ​

  • 2–3 个集合,关心集合规模与两两重叠规模;
  • 重叠是叙事重点(「重叠人群是下一个运营抓手」);
  • 集合超过 3 个时韦恩图不可读,改用桑基图看流转或分组柱状图看对比。

示例 ​

专属数据字段 vennData:单集合行 { name, value },交集行 { sets: ['A', 'B'], value }。圆半径按 √值等面积映射,圆距按交集值反解。

用户群体重叠分析 ​

运营的经典一问:会员、社群、小程序三个用户池,彼此重合多少?交集区悬浮同时强调两圆并给出交集人数——「重叠 8 万」就是一次跨池运营的抓手。

三池交叉 ​

三集合形态:两两交集值显式给出,圆心距自动按重叠量收敛;空心形态(vennHollow: true)只描边不填充,重叠关系靠描边交叉读,适合叠在报告底色上。

配置要点 ​

  • 交集行不传 value 时圆距按无交集摆放(相切分离);
  • vennHollow: true 切空心形态:2px 描边、不填充,悬浮整圆强调;
  • 图例点选圆即隐去该集合,交集区随之不可命中;
  • 悬浮交集区:两圆同时保持强调、其余淡出,tooltip 显示交集值。

相关 ​