GetOrgChart.js to create a Supply Chain

I have a question, I am trying to create a supply chain on a php page something like this , where on the left side I have the suppliers of a company and on the right side the clients of that company,

My goal is to show this data with its relationships, for that I use the getOrgChart plugin, I can show the suppliers and the company,  It is difficult for me to link them with clients because, since the data I get to show the organization, I get them through php queries to my database of provider, company and client. I tried to use the OrgChart plugin of js with li and ul, but it's a bit complicated for me. Someone who recommends me some other option or who could improve ?. Greetings. My code js.

    <script type="text/javascript">
                  $(document).ready(function(){
                    $.getJSON("listaproCS.php",function(source){
var peopleElement = document.getElementById("people");
                      var orgChart = new getOrgChart(peopleElement, {
                         enableEdit: false,
                         enableDetailsView: false,
                         primaryFields: ["nombre"],
                         photoFields: ["imagen"],
                         orientation: getOrgChart.RO_RIGHT,
                         dataSource : source
                       });
                    }); 
                   });
           </script>