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 node to XML');

    chart.container(stage);

    chart.draw();

​

    // Returns chart config as XMLNode.

    var xml = chart.toXml(true);

​

    var chartFromXml = anychart.fromXml(xml);

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

    chartFromXml.title('Creates chart from XML node');

    chartFromXml.container(stage);

    chartFromXml.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'

    ]

}