html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      {name:   "Journal Name", children: [

          {name: "Advanced Functional Materials", value: 273},

{name: "Fusion Engineering and Design", value: 150},

{name: "Chemical Engineering Journal", value: 132},

{name: "ACS Applied Materials and Interfaces", value: 129},

{name: "Advanced Materials Technologies", value: 118},

{name: "Advanced Materials", value: 106},

{name: "Small", value: 103},

{name: "ACS Nano", value: 90},

{name: "Advanced Science", value: 84},

{name: "Langmuir", value: 78},

{name: "International Journal of Heat and Mass Transfer", value: 75},

{name: "Journal of Non-Crystalline Solids", value: 70},

{name: "Magnetohydrodynamics", value: 66},

{name: "Physics of Fluids", value: 60},

{name: "Nature Communications", value: 55},

{name: "Nuclear Engineering and Design", value: 55},

{name: "Journal of Materials Chemistry C", value: 54},

{name: "Journal of Fluid Mechanics", value: 53},

{name: "Nano Energy", value: 51},

{name: "Journal of Crystal Growth", value: 51},

{name: "Journal of Alloys and Compounds", value: 50},

{name: "Applied Surface Science", value: 50},

{name: "Nano Letters", value: 50},

{name: "Journal of Physics D: Applied Physics", value: 46},

{name: "ACS Applied Energy Materials", value: 45},

{name: "Lab on a Chip", value: 44},

{name: "Fusion Science and Technology", value: 44},

{name: "Journal of Nuclear Materials", value: 42},

{name: "Journal of Materials Chemistry A", value: 42},

{name: "Materials Horizons", value: 39},

{name: "Zeitschrift fuer Metallkunde/Materials Research and Advanced Techniques", value: 39},

{name: "RSC Advances", value: 38},

{name: "Sensors (Switzerland)", value: 38},

{name: "Materials Letters", value: 36},

{name: "Smart Materials and Structures", value: 36},

{name: "ACS Applied Electronic Materials", value: 36},

{name: "Soft Matter", value: 36},

{name: "Advanced Engineering Materials", value: 34},

{name: "Journal of Electronic Materials", value: 33},

{name: "Applied Thermal Engineering", value: 33},

{name: "Metallurgical and Materials Transactions B: Process Metallurgy and Materials Processing Science", value: 33},

{name: "Journal of the American Chemical Society", value: 33},

{name: "Journal of Physical Chemistry C", value: 33},

{name: "Japanese Journal of Applied Physics", value: 32},

{name: "Advanced Materials Interfaces", value: 31},

{name: "Vacuum", value: 30},

{name: "Journal of Heat Transfer", value: 30},

{name: "Journal of the Electrochemical Society", value: 30},

{name: "IEEE Sensors Journal", value: 30},

{name: "Measurement Science and Technology", value: 30},

          ]} 

    ];

​

    // create a chart and set the data

    var chart = anychart.treeMap(data, "as-tree");

​

    // set the chart title

    chart.title().useHtml(true);

    chart.title("Treemap: Basic Sample<br><br>" +

                "<span style='font-size:12; font-style:italic'>" +

                "Journal published over 30 articles </span>");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});