JS中的交互式3圈维恩图？

【问题标题】：Interactive 3 circle venn diagram in JS?JS中的交互式3圈维恩图？
【发布时间】：2022-01-06 17:25:11
【问题描述】：

有谁知道 JS 中用于交互式（可悬停）3 圆形维恩图的库？我需要扩展这些区域。

我尝试过的事情： https://www.highcharts.com/demo/venn-diagram/brand-light - 不缩放区域

我也想试试： Venn Diagram in React JS

【问题讨论】：

标签： javascript reactjs d3.js venn-diagram venn

【解决方案1】：

有一个 venn.js 库，基于 Ben Frederickson 的 d3.js。他在blog post 中描述了这种方法。

我自己没用过，但看起来很有趣。

这是一个简单的例子（链接到github）：

// define sets and set set intersections
var sets = [ {sets: ['A'], size: 12},
             {sets: ['B'], size: 12},
             {sets: ['A','B'], size: 2}];

var chart = venn.VennDiagram();
d3.select("#venn").datum(sets).call(chart);

他也有交互式图表的例子：https://github.com/benfred/venn.js/blob/master/examples/interactive.html

【讨论】：