Skip to content

Instantly share code, notes, and snippets.

@PMeinshausen

PMeinshausen/index.html

Created August 8, 2013 15:19
Show Gist options
  • Save PMeinshausen/6185542 to your computer and use it in GitHub Desktop.
Save PMeinshausen/6185542 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: 9538},
{label: 'B', size: 21203},
{label: 'C', size: 26010},
{label: 'D', size: 15763},
{label: 'E', size: 9625},
{label: 'F', size: 14904},
{label: 'G', size: 7633},
{label: 'H', size: 11901},
{label: 'I', size: 37592}
],
overlaps = [
{sets:[0,1], size: 1957},
{sets:[0,2], size: 935},
{sets:[0,3], size: 245},
{sets:[0,4], size: 121},
{sets:[0,5], size: 278},
{sets:[0,6], size: 152},
{sets:[0,7], size: 223},
{sets:[0,8], size: 883},
{sets:[1,2], size: 2299},
{sets:[1,3], size: 911},
{sets:[1,4], size: 419},
{sets:[1,5], size: 840},
{sets:[1,6], size: 533},
{sets:[1,7], size: 889},
{sets:[1,8], size: 2833},
{sets:[2,3], size: 1332},
{sets:[2,4], size: 759},
{sets:[2,5], size: 1912},
{sets:[2,6], size: 715},
{sets:[2,7], size: 1319},
{sets:[2,8], size: 3595},
{sets:[3,4], size: 940},
{sets:[3,5], size: 1405},
{sets:[3,6], size: 154},
{sets:[3,7], size: 305},
{sets:[3,8], size: 2621},
{sets:[4,5], size: 866},
{sets:[4,6], size: 247},
{sets:[4,7], size: 321},
{sets:[4,8], size: 1208},
{sets:[5,6], size: 335},
{sets:[5,7], size: 676},
{sets:[5,8], size: 2114},
{sets:[6,7], size: 604},
{sets:[6,8], size: 1272},
{sets:[7,8], size: 2101}
];
// 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