使用d3.js的维恩图布局

Question

Is there a sample on how to do Venn diagram using d3.js? I know about the two samples :

that are provided on D3 website. However they force me to calculate by myself the xy position of the circles. I am hoping to feed just the data (circle sizes and overlap size) to a function/chart and it should do the layout for me.

Answer 1

Venn Diagrams with D3.js

It is working fine.

Answer 2

I came by this project today; D3 Extension: Area-Proportional Venn Diagrams . I don't know why it is not listed in d3-plugins repo but looks like it is working fine .

Answer 3

为了理解所需的算法，请阅读Leland Wilkinson的论文， 精确和近似面积比例的圆形维恩和欧拉图 ，发表于IEEE TVCG 2012年2月。据我所知，还没有人在D3中实现过venneuler排列，但这将成为一个梦幻般的D3插件 。