html,

body,

#mekko-container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create a dataset

  var data = {

    title: "2022 U.S. Quarterly Auto Sales by Top 8 Brands",

    header: ["Name", "Q1", "Q2", "Q3", "Q4"],

    rows: [

      ["Ford", 410.0, 453.5, 441.4, 459.1],

      ["Toyota", 433.4, 416.8, 411.9, 456.5],

      ["Chevrolet", 342.6, 383.8, 371.4, 415.0],

      ["Honda", 238.1, 215.1, 200.2, 227.5],

      ["Hyundai", 152.3, 184.1, 184.4, 195.9],

      ["Jeep", 193.2, 186.6, 161.3, 143.3],

      ["Nissan", 189.8, 172.6, 142.8, 177.4],

      ["Kia", 149.0, 172.8, 181.1, 175.4]

    ]

  };

  // create a mekko (marimekko) chart

  var chart = anychart.mekko();

  // add the data to the chart

  chart.data(data);

  // set a container

  chart.container("mekko-container");

  // draw the chart

  chart.draw();

});