Data Science

Select a theme:
                     <html>
<head>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-venn.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-data-adapter.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/themes/wines.min.js"></script>
  <link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" type="text/css" rel="stylesheet">
  <link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.min.css" type="text/css" rel="stylesheet">
  <style type="text/css">

    html,
    body,
    #container {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }
  
</style>
</head>
<body>
  
  <div id="container"></div>
  

  <script>

    anychart.onDocumentReady(function () {
	// set chart theme
anychart.theme('wines');
      // The data used in this sample can be obtained from the CDN
      // https://cdn.anychart.com/samples/venn-charts/data-science/data.json
      anychart.data.loadJsonFile(
        'https://cdn.anychart.com/samples/venn-charts/data-science/data.json',
        function (data) {
          // create venn diagram
          var chart = anychart.venn(data);

          // set chart stroke
          chart.stroke('2 #fff');

          // set labels settings
          chart.labels().format('{%Name}');

          // set font color for hover intersections labels
          chart.intersections().hovered().fill('black 0.25');

          // set intersections labels settings
          chart.intersections().labels().fontWeight('bold').format('{%Name}');

          // set legend settings
          chart
            .legend()
            .position('right')
            .itemsLayout('vertical')
            .padding({ left: 35 });

          // set tooltip settings
          chart.tooltip().titleFormat('{%Name}');

          // set container id for the chart
          chart.container('container');
          // initiate chart drawing
          chart.draw();
        }
      );
    });
  
</script>
</body>
</html>
Warning!

Data Science

Data Science
