JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?.js"></script>
<div id="chart_div"></div>

JavaScript

function drawChart() {
    var data = new google.visualization.DataTable({
        "cols":[
            {"id":"name","type":"string"},
            {"id":"parentfruit","type":"string"},
            {"id":"tooltip","type":"string","role":"tooltip"}
        ],
        "rows":[
            {"c":[{"v":"apples","f":"Group 1"},{"v":""},{"v":"Apples"}]},
            {"c":[{"v":"oranges","f":"Group 2"},{"v":""},{"v":"Oranges"}]},
            {"c":[{"v":"bananas","f":"Group 3"},{"v":"oranges"},{"v":"Bananas"}]}
        ]
    });
    
    var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
    chart.draw(data, {});
}
google.load('visualization', '1', {packages:['orgchart'], callback: drawChart});