Skip to content

Instantly share code, notes, and snippets.

@PMeinshausen

PMeinshausen/index.html

Created August 8, 2013 15:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save PMeinshausen/6185717 to your computer and use it in GitHub Desktop.
Save PMeinshausen/6185717 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>mds venn.js example</title>
</head>
<body>
<div class="mds"></div>
</body>
<script src="http://d3js.org/d3.v2.min.js"></script>
<script src="http://benfred.github.io/venn.js/venn.js"></script>
<script src="http://www.benfrederickson.com/images/mds.js"></script>
<script src="http://www.numericjs.com/lib/numeric-1.2.6.min.js"></script>
<script>
var sets =
[
{label: 'A', size: 56.02340},
{label: 'B', size: 65.18415},
{label: 'C', size: 67.39105},
{label: 'D', size: 61.20075},
{label: 'E', size: 57.91761},
{label: 'F', size: 62.69143},
{label: 'G', size: 55.98158},
{label: 'H', size: 60.04934},
{label: 'I', size: 70.29321}
],
overlaps = [
{sets:[0,1], size: 7.579168},
{sets:[0,2], size: 6.840547},
{sets:[0,3], size: 5.501258},
{sets:[0,4], size: 4.795791},
{sets:[0,5], size: 5.627621},
{sets:[0,6], size: 5.023881},
{sets:[0,7], size: 5.407172},
{sets:[0,8], size: 6.783325},
{sets:[1,2], size: 7.740230},
{sets:[1,3], size: 6.814543},
{sets:[1,4], size: 6.037871},
{sets:[1,5], size: 6.733402},
{sets:[1,6], size: 6.278521},
{sets:[1,7], size: 6.790097},
{sets:[1,8], size: 7.949091},
{sets:[2,3], size: 7.194437},
{sets:[2,4], size: 6.632002},
{sets:[2,5], size: 7.555905},
{sets:[2,6], size: 6.572283},
{sets:[2,7], size: 7.184629},
{sets:[2,8], size: 8.187299},
{sets:[3,4], size: 6.845880},
{sets:[3,5], size: 7.247793},
{sets:[3,6], size: 5.036953},
{sets:[3,7], size: 5.720312},
{sets:[3,8], size: 7.871311},
{sets:[4,5], size: 6.763885},
{sets:[4,6], size: 5.509388},
{sets:[4,7], size: 5.771441},
{sets:[4,8], size: 7.096721},
{sets:[5,6], size: 5.814131},
{sets:[5,7], size: 6.516193},
{sets:[5,8], size: 7.656337},
{sets:[6,7], size: 6.403574},
{sets:[6,8], size: 7.148346},
{sets:[7,8], size: 7.650169}
];
// get positions for each set
sets = venn.venn(sets, overlaps, {layoutFunction: venn.classicMDSLayout})
// draw the diagram in the 'mds' div
venn.drawD3Diagram(d3.select(".mds"), sets, 300, 300);
// draw the diagram in the 'simple_example' div
//venn.drawD3Diagram(d3.select(".simple_example"), sets, 500, 500);
</script>
</html>
August 7, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment