html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    $('#container').append('<div class="table">' +

        '<table id="table" style="display:none">' +

        '<tr>' +

        '<th>X</th>' +

        '<th>Value</th>' +

        '</tr>' +

        '<tr>' +

        '<th>learning</th>' +

        '<td>80</td>' +

        '</tr>' +

        '<tr>' +

        '<th>lists</th>' +

        '<td>44</td>' +

        '</tr>' +

        '<tr>' +

        '<th>meaning</th>' +

        '<td>40</td>' +

        '</tr>' +

        '<tr>' +

        '<th>useful</th>' +

        '<td>36</td>' +

        '</tr>' +

        '<tr>' +

        '<th>different</th>' +

        '<td>32</td>' +

        '</tr>' +

        '<tr>' +

        '<th>grammar</th>' +

        '<td>28</td>' +

        '</tr>' +

        '<tr>' +

        '<th>teaching</th>' +

        '<td>24</td>' +

        '</tr>' +

        '<tr>' +

        '<th>example</th>' +

        '<td>20</td>' +

        '</tr>' +

        '<tr>' +

        '<th>includes</th>' +

        '<td>56</td>' +

        '</tr>' +

        '<tr>' +

        '<th>thing</th>' +

        '<td>12</td>' +

        '</tr>' +

        '<tr>' +

        '<th>vocabulary</th>' +

        '<td>10</td>' +

        '</tr>' +

        '<tr>' +

        '<th>frequency</th>' +

        '<td>10</td>' +

        '</tr>' +

        '<tr>' +

        '<th>phrases</th>' +

        '<td>15</td>' +

        '</tr>' +

        '<tr>' +

        '<th>content</th>' +

        '<td>27</td>' +

        '</tr>' +

        '</table>' +

        '</div>');

​

    // To work with the data adapter you need to reference the data adapter script file from AnyChart CDN

    // ("https://cdn.anychart.com/releases/8.13.0/js/anychart-data-adapter.min.js for latest or https://cdn.anychart.com/releases/8.13.0/js/anychart-data-adapter.min.js for the versioned file)

​

    var tableData = anychart.data.parseHtmlTable('#table');

​

    var chart = anychart.tagCloud();

​

    // Set data from HTML table.

    chart.data(tableData);

​

    chart.title('Set data as a table data');

    chart.container('container');

    chart.draw();

});