html,

  body,

  #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

  }

anychart.onDocumentReady(function () {

  // adding data

  let data = [

    {

      x: "A",

      value: 100,

      name: "TOM BOMBADIL\n\nhomebody,\nblue jacket,\nboots yellow"

    },

    {

      x: "B",

      value: 100,

      name: "SANTA CLAUS\n\nwears red,\nho ho ho,\nsleigh"

    },

    {

      x: "C",

      value: 100,

      name: "GANDALF\n\nwizard,\nfireworks"

    },

    {

      x: "D",

      value: 100,

      name: "DARK LORD SAURON\n\n cute, evil,\nbabygirl, slay"

    },

    {

      x: ["A", "C"],

      value: 40,

      name: "special hat,\nlikes hobbits"

    },

    {

      x: ["A", "B"],

      value: 40,

      name: "merry fellow,\nwife guy"

    },

    {

      x: ["C", "D"],

      value: 40,

      name: "irritable,\nemo maia\nno wife,\nweirdly flirty with\nGaladriel in\nadaptations,\nwould rather not\nspeak to Celeborn"

    },

    {

      x: ["B", "D"],

      value: 40,

      name: "teaches Elves to\nmake things,\nhas flying servants"

    },

    {

      x: ["A", "B", "C"],

      value: 30,

      name: "benevolent,\nbig beard"

    },

    {

      x: ["B", "C", "D"],

      value: 30,

      name: "giver of gifts,\nis coming to town\nbling bling"

    },

    {

      x: ["A", "B", "D"],

      value: 30,

      name: "loves to sing,\nsees you"

    },

    {

      x: ["A", "C", "D"],

      value: 30,

      name: "lives in\nmiddle-earth"

    },

    {

      x: ["A", "B", "C", "D"],

      value: 5,

      name: "ancient,\npowerful,\nmysterious,\nmany names"

    }

  ];

​

  // creating a venn diagram with the data

  let chart = anychart.venn(data);

​

  // setting the labels

  chart.labels().format("{%Name}");

​

  // setting the chart title

  chart.title("Tolkien Venn Diagram");

  // setting the container id

  chart.container("container");

​

  // drawing the diagram

  chart.draw();

​

});