text: /*=========================================================================================
      File Name: medical-venn.js
      Description: D3 medical venn diagram
     
      
      
      
     
  ==========================================================================================*/
  
  // Medical venn diagram
  // ------------------------------
  $(window).on("load", function(){
  
      var sets = [
          {sets : [0], label : 'SE', size : 28,},
          {sets : [1], label : 'Treat', size: 35},
          {sets : [2], label : 'Anti-CCP', size : 108},
          {sets : [3], label : 'DAS28', size:106},
          {sets : [0,1], size:1},
          {sets : [0,2], size:1},
          {sets : [0,3], size:14},
          {sets : [1,2], size:6},
          {sets : [1,3], size:0},
          {sets : [2,3], size:1},
          {sets : [0,2,3], size:1},
          {sets : [0,1,2], size:0},
          {sets : [0,1,3], size:0},
          {sets : [1,2,3], size:0},
          {sets : [0,1,2,3], size:0}
      ];
  
      var ele = d3.select("#medical-venn");
  
      var colors = d3.scale.ordinal()
          .range(["#99B898", "#FECEA8", "#FF847C", "#6C5B7B"]);
  
      var chart = venn.VennDiagram()
                      .width(400)
                      .height(400)
                      .fontSize("24px");
  
      ele.datum(sets).call(chart);
  
      ele.selectAll(".venn-circle path")
          .style("fill", function(d,i) { return colors(i); })
  
      ele.selectAll(".venn-circle text")
          .style("fill", function(d,i) { return colors(i)})
          .style("font-weight", "100");
  });