JSFiddle - React, Tailwind, and code Playground

by Asmita Jadhav

HTML

<script src="http://www.getorgchart.com/GetOrgChart/getorgchart/getorgchart.js"></script>
<link rel="stylesheet" href="http://www.getorgchart.com/GetOrgChart/getorgchart/getorgchart.css">
<div id="people"></div>

JavaScript

var orgchart = new getOrgChart(document.getElementById("people"), {
        theme: "vivian",
        dataSource: [
            { id: 1, parentId: null, Name: "Amber McKenzie"},
            { id: 2, parentId: 1, Name: "Ava Field"},
            { id: 3, parentId: 1, Name: "Evie Johnson"},
             { id: 4, parentId: 2, Name: "Evie Johnson"}
            ]
    });