Example 1 - load json data

In this example we load the data using the data option. As you can see, the data is an array of objects.

The name property defines the name of the node.
The id is the unique id of the node.
The children property is an array of nodes.

var data = [
    {
        name: 'node1', id: 1,
        children: [
            { name: 'child1', id: 2 },
            { name: 'child2', id: 3 }
        ]
    },
    {
        name: 'node2', id: 4,
        children: [
            { name: 'child3', id: 5 }
        ]
    }
];

$('#tree1').tree({
    data: data
});