Charts Tutorials

Org Chart in Google Charts

Org Chart



An organizational chart is a chart that displays the structure of an organization and the relationships and relative ranks of its parts and positions/jobs. In other words, It is a visual chart that represents the structure of a company.


Steps for adding Google Org Charts to your Website:-


  1. To use Google Org Chart on your website, add a link to the charts loader.
  2. After this, add a div with a unique id. Then, we have to load Google Graph API.
  3. Load the Visualization API with the desired package name. In our case, it is "orgchart".
  4. Set a callback function.
  5. The visualization API is:- google.charts.load('current', {'packages':['orgchart']})
  6. The callback function will be:- google.charts.setOnLoadCallback(draw_my_chart)

Code Explanation

All Tutorials related to Charts Tutorials

All Sections related to Charts