jsTree JSON

HTML

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

<div id="jstree">
</div>

JavaScript

$(function () {
    $('#jstree').jstree({
        "core" : {
            "data" :  [
    {id:"0_A",parent:"B","text" : "Fake A"},
    {id:"1_A",parent:"C","text" : "Fake A"},
    {id:"2_A",parent:"0_D","text" : "Fake A"},
    {id:"3_A",parent:"1_D","text" : "Fake A"},
    {id:"B",parent:"#","text" : "B"},
    {id:"C",parent:"#","text" : "C"},
    {id:"0_D",parent:"B","text" : "Fake D"},
    {id:"1_D",parent:"C","text" : "Fake D"},
    ]
        }
    });
    
});