javascript - 使用 d3.js 进行维恩图布局

Question

是否有关于如何使用 d3.js 进行维恩图的示例？我知道这两个 样本：

在 D3 网站上提供。然而，他们强迫我自己计算圆圈的 xy 位置。我希望只将数据（圆圈大小和重叠大小）提供给函数/图表，它应该为我做布局。

Answer 1

使用 D3.js 绘制维恩图

它工作正常。

Answer 2

要了解所需的算法，请阅读 Leland Wilkinson 的论文，Exact and Approximate Area-proportional Circular Venn and Euler Diagrams，发表于 2012 年 2 月的 IEEE TVCG。据我所知，还没有人venneuler在 D3 中实现布局，但是这将是一个很棒的D3 插件。