jsTree Demo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.2/jstree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.2/themes/default/style.min.css">
<div id="jstree"></div>

JavaScript

var arrayCollection=[
 {"id": 1, "parent": "#", "text": "Parent1"},
 {"id": 2, "parent": "#", "text": "Parent2"},
 {"id": 11, "parent": 1, "text": "Child1"},
 {"id": 12, "parent": 1, "text": "Child2"},
 {"id": 21, "parent": 2, "text": "Child1"},
 {"id": 22, "parent": 2, "text": "Child2"},
                   
];

$('#jstree').jstree({
                    'core': {
                        'data': arrayCollection
                    }
                });