Edit in JSFiddle

        var chart = new OrgChart(document.getElementById("tree"), {

            enableDragDrop: true,
            nodeBinding: {
                field_0: "name",
                field_1: "title",
                img_0: "img"
            },
            nodes: [
                { id: "1", tags: ["Management"], name: "Amber McKenzie", title: "CEO", img: "//balkangraph.com/js/img/1.jpg" },
                { id: "2", pid: "1", tags: ["IT Manager"], name: "Ava Field", title: "IT Manager", img: "//balkangraph.com/js/img/2.jpg" },
                { id: "3", pid: "1", tags: ["Marketing Manager"], name: "Rhys Harper", title: "Marketing Team Lead", img: "//balkangraph.com/js/img/3.jpg" },
                { id: "4", pid: "2", tags: ["IT"], name: "Carol Foster", title: "Junior Developer", img: "//balkangraph.com/js/img/4.jpg" },
                { id: "5", pid: "2", tags: ["IT"], name: "Blake Morris", title: "Senior Developer", img: "//balkangraph.com/js/img/5.jpg" },
                { id: "6", pid: "3", tags: ["Marketing"], name: "Erin Grant", title: "Junior Marketing", img: "//balkangraph.com/js/img/6.jpg" },
                { id: "7", pid: "3", tags: ["Marketing"], name: "Avery Hughes", title: "Senior MArketing", img: "//balkangraph.com/js/img/7.jpg" }

            ]
        });    
<script src="https://balkangraph.com/js/latest/OrgChart.js"></script>
<div id="tree"/>
 
html, body{
  width: 100%;
  height: 100%;
  padding: 0;
  margin:0;
  overflow: hidden;
  font-family: Helvetica;
}
#tree{
  width:100%;
  height:100%;
}