html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var stage = anychart.graphics.create('container');

​

    var chart = anychart.wordtree(getData());

    chart.bounds(0, 0, '50%', '100%');

    chart.title('Serialize chart string to JSON');

    chart.container(stage);

    chart.draw();

​

    // Returns chart config as JSON string.

    var json = chart.toJson(true);

​

    var chartFromJson = anychart.fromJson(json);

    chartFromJson.bounds('50%', 0, '50%', '100%');

    chartFromJson.title('Creates chart from JSON string');

    chartFromJson.container(stage);

    chartFromJson.draw();

});

​

function getData() {

    return [

        'Earth is round',

        'Earth is the third planet from the Sun',

        'Earth goes around the Sun',

        'Earth has one satellite',

        'Earth has a radius of 6 371 km',

        'Earth is less than the Sun',

        'Earth is less than the Jupiter',

        'Earth is less than the Saturn',

        'Earth is less than the Uranus',

        'Earth is less than the Neptune',

        'Earth is bigger than the Venus',

        'Earth is bigger than the Mars',

        'Earth is bigger than the Mercury',

        'Earth has a powerful magnetic field'

    ]

}