html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    //create data

    var data = [

      {

         x: "A",

         name: "Set A",

         custom_field: "info 1",

         value: 100

      },

      {

         x: "B",

         name: "Set A",

         custom_field: "info 2",

          value: 100

      },

      {

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

         name: "Set A + Set B",

         custom_field: "info 3",

         value: 25

      }

    ];

​

    // create a chart and set the data

    chart = anychart.venn(data);

​

    // configure labels of circles

    chart.labels().format("{%name}\n\n{%custom_field}\n{%value}");

​

    // configure labels of intersections

    chart.intersections().labels().format("{%name}\n\n{%value}");

​

    // configure tooltips of circles

    chart.tooltip().format(

      "Set Info: {%custom_field}\nCardinality: {%value}"

    );

​

    // configure tooltips of intersections

    chart.intersections().tooltip().format(

      "Intersection Info: {%custom_field}\nCardinality: {%value}"

    );

​

    // set the chart title

    chart.title("Venn Diagram: Labels and Tooltips (Tokens)");

​

    // set the container id

    chart.container('container');

​

    // initiate drawing the chart

    chart.draw();

});