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

Question

是否有关于如何使用 d3.js 制作维恩图的示例？我知道twosamples：

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

Answer 1

Venn Diagrams with D3.js

一切正常。

Answer 2

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