{"size":{"Width":500,"Height":500},"appearance":{"background":null,"padding":14,"font":{"family":"Courier New","size":10.0,"bold":false,"italic":false,"underline":false,"strikeout":false,"color":"rgb(0,72,168)"},"border":{"on":true,"size":0.0,"style":"solid","color":"#666"},"text":{"wrap":false,"hAlign":"left","vAlign":"top"}},"outputType":"WIDGET","widgetState":null,"wikiPageTitle":"Visualization - Venn Diagram","outputs":{"warning":"'Flavors' has been removed from labels. To turn off de-select 'DATA MANIPULATION > Tidy labels'","htmlwidgets":"<div id=\"htmlwidget_container\">\n <div id=\"htmlwidget-c8cc0af398c4c952d6f5\" style=\"width:960px;height:500px;\" class=\"d3vennR html-widget\"></div>\n</div>\n<script type=\"application/json\" data-for=\"htmlwidget-c8cc0af398c4c952d6f5\">{\"x\":{\"data\":[{\"sets\":[0],\"size\":469,\"label\":\"Classic Bubble Gum\"},{\"sets\":[1],\"size\":297,\"label\":\"Super-Strong Bubble Gum\"},{\"sets\":[2],\"size\":428,\"label\":\"Grape\"},{\"sets\":[3],\"size\":267,\"label\":\"Cola\"},{\"sets\":[0,1],\"size\":248},{\"sets\":[0,2],\"size\":323},{\"sets\":[1,2],\"size\":211},{\"sets\":[0,3],\"size\":204},{\"sets\":[1,3],\"size\":158},{\"sets\":[2,3],\"size\":188},{\"sets\":[0,1,2],\"size\":188},{\"sets\":[0,1,3],\"size\":133},{\"sets\":[0,2,3],\"size\":159},{\"sets\":[1,2,3],\"size\":120},{\"sets\":[0,1,2,3],\"size\":108}],\"options\":{\"padding\":null,\"colours\":null,\"fontSize\":10,\"duration\":null,\"layoutFunction\":null,\"width\":null,\"height\":null},\"tasks\":[\"\\nfunction(){\\n var colors = [\\\"#5C9AD3\\\",\\\"#ED7D31\\\",\\\"#A5A5A5\\\",\\\"#FFC000\\\"];\\n var fontcolors = colors;\\n d3.select(this).selectAll(\\\".venn-circle path\\\")\\n .style(\\\"fill\\\", function(d,i) { return colors[i]; })\\n .style(\\\"fill-opacity\\\", 0.25)\\n d3.select(this).selectAll(\\\".venn-circle text\\\")\\n .style(\\\"font-family\\\", \\\"Arial\\\")\\n .style(\\\"fill\\\", function(d,i) { return fontcolors[i]; })\\n}\",\"\\nfunction(){\\n var div = d3.select(this);\\n\\n // add a tooltip\\n var tooltip = d3.select(\\\"body\\\").append(\\\"div\\\")\\n .attr(\\\"class\\\", \\\"venntooltip\\\")\\n .style(\\\"position\\\", \\\"absolute\\\")\\n .style(\\\"text-align\\\", \\\"center\\\")\\n .style(\\\"background\\\", \\\"#333\\\")\\n .style(\\\"color\\\",\\\"#ddd\\\")\\n .style(\\\"padding\\\",\\\"4px\\\")\\n .style(\\\"border\\\",\\\"0px\\\")\\n .style(\\\"border-radius\\\",\\\"2px\\\")\\n .style(\\\"opacity\\\",0);\\n\\n div.selectAll(\\\"path\\\")\\n .style(\\\"stroke-opacity\\\", 0)\\n .style(\\\"stroke\\\", \\\"#fff\\\")\\n .style(\\\"stroke-width\\\", 0)\\n\\n // add listeners to all the groups to display tooltip on mousover\\n div.selectAll(\\\"g\\\")\\n .on(\\\"mouseover\\\", function(d, i) {\\n\\n // sort all the areas relative to the current item\\n venn.sortAreas(div, d);\\n\\n // Display a tooltip with the current size\\n tooltip.transition().duration(400).style(\\\"opacity\\\", .9);\\n tooltip.text(d.size + \\\"\\\")\\n .style(\\\"font\\\", \\\"11px Arial\\\")\\n .style(\\\"font-weight\\\", \\\"bold\\\");\\n\\n // highlight the current path\\n var selection = d3.select(this).transition(\\\"tooltip\\\").duration(400);\\n selection.select(\\\"path\\\")\\n .style(\\\"stroke-width\\\", 3)\\n .style(\\\"fill-opacity\\\", d.sets.length == 1 ? .4 : .1)\\n .style(\\\"stroke-opacity\\\", 1);\\n })\\n\\n .on(\\\"mousemove\\\", function() {\\n tooltip.style(\\\"left\\\", (d3.event.pageX) + \\\"px\\\")\\n .style(\\\"top\\\", (d3.event.pageY - 28) + \\\"px\\\");\\n })\\n\\n .on(\\\"mouseout\\\", function(d, i) {\\n tooltip.transition().duration(400).style(\\\"opacity\\\", 0);\\n var selection = d3.select(this).transition(\\\"tooltip\\\").duration(400);\\n selection.select(\\\"path\\\")\\n .style(\\\"stroke-width\\\", 0)\\n .style(\\\"fill-opacity\\\", d.sets.length == 1 ? 0.25: .0)\\n .style(\\\"stroke-opacity\\\", 0);\\n });\\n}\"]},\"evals\":[\"tasks.0\",\"tasks.1\"],\"jsHooks\":[]}</script>\n<script type=\"application/htmlwidget-sizing\" data-for=\"htmlwidget-c8cc0af398c4c952d6f5\">{\"viewer\":{\"width\":450,\"height\":350,\"padding\":15,\"fill\":true},\"browser\":{\"width\":960,\"height\":500,\"padding\":40,\"fill\":true}}</script>","htmlwidget-head":"{\"stylesheets\":[],\"javascript\":[\"https://widget-cdn.displayr.com/htmlwidgets-917a66c6e5036eb1bfd1fb672a82635a.js\",\"https://widget-cdn.displayr.com/d3.min-71d54facd39bf76cb2091e3062b1c0fb.js\",\"https://widget-cdn.displayr.com/venn.min-531f6342b5663f3b5612d26a9acfc086.js\",\"https://widget-cdn.displayr.com/mds-6d96d56ee7a279bfa6af58b2014d4aae.js\",\"https://widget-cdn.displayr.com/numeric.min-321e5a4526f76450fdead083a9ad1ab6.js\",\"https://widget-cdn.displayr.com/d3vennR-efcdecb5a80aae82dba87635baa67fc5.js\"],\"attachments\":[],\"widget-cannot-re-render\":false,\"package\":\"d3vennR\",\"package_version\":\"0.1.1\"}"},"secondsTaken":1.172,"updated":"2019-11-05T22:18:42.4294005Z","lastUpdatedMessage":null,"executedCode":null,"lastSavedCode":null,"highlightedCodeSpans":[{"start":177,"length":13,"index":4},{"start":311,"length":13,"index":4},{"start":1815,"length":13,"index":4},{"start":1831,"length":7,"index":6},{"start":1840,"length":17,"index":6},{"start":4742,"length":7,"index":6},{"start":4751,"length":13,"index":4},{"start":5026,"length":11,"index":4},{"start":5309,"length":11,"index":4},{"start":5534,"length":13,"index":4},{"start":8974,"length":13,"index":4},{"start":8990,"length":7,"index":6},{"start":8999,"length":17,"index":6},{"start":11718,"length":13,"index":4},{"start":11781,"length":13,"index":4},{"start":12071,"length":8,"index":4},{"start":12136,"length":13,"index":4},{"start":15313,"length":13,"index":4},{"start":19087,"length":29,"index":4},{"start":28616,"length":13,"index":4}],"tableTransformations":"<TabularTransformer>\r\n <TabularTransform type=\"Truncation\" truncationHeaderType=\"Column\" />\r\n <TabularTransform />\r\n</TabularTransformer>","tabularFilteringOptions":null,"hasGuiControls":true,"calculating":"Idle","showDebug":false,"layout":"OutputOnly","vSplit":0.25,"hSplit":0.45,"updateWarnings":true,"updateMode":"Automatic","warnSlow":true,"Options":{"debugconsole":false,"codeposition":"OutputOnly","splitH":0.45,"splitV":0.25,"update warnings":true,"updating":"Automatic","warn slow":true}}