使用d3.js的维恩图布局

时间:2012-09-22 15:18:52

标签: javascript position d3.js diagram venn-diagram

是否有关于如何使用d3.js进行维恩图的样本?我知道two samples

enter image description here

enter image description here

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

3 个答案:

答案 0 :(得分:11)

Venn Diagrams with D3.js

enter image description here

enter image description here

工作正常。

答案 1 :(得分:7)

我今天来到这个项目; D3 Extension: Area-Proportional Venn Diagrams。我不知道为什么它没有在d3-plugins回购列表中列出,但看起来好像是working fine

答案 2 :(得分:6)

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