%PDF-
%PDF-
Mini Shell
Mini Shell
/*=========================================================================================
File Name: venn-venn.js
Description: D3 venn diagram
----------------------------------------------------------------------------------------
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
Version: 1.0
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// Venn diagram
// ------------------------------
$(window).on("load", function(){
var sets = [
{sets:["Information"], size: 12},
{sets:["Things That Overlap"], size: 12},
{sets:["Circles"], size: 12},
{sets: ["Information", "Things That Overlap"], size: 4, label: "Redundancy"},
{sets: ["Information", "Circles"], size: 4, label: "Pie Charts", },
{sets: ["Things That Overlap", "Circles"], size: 4, label: "Eclipses"},
{sets: ["Information", "Things That Overlap", "Circles"], size: 2, label: "Venn Diagrams"}
];
var ele = d3.select("#venn-diagram");
var chart = venn.VennDiagram();
chart.wrap(false)
.width(400)
.height(400)
.fontSize("16px");
var div = ele.datum(sets).call(chart);
div.selectAll("text").style("fill", "white").style('font-weight','100');
div.selectAll(".venn-circle path").style("fill-opacity", .6);
});
Zerion Mini Shell 1.0