PLuS

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load('visualization', '1', {packages: ['orgchart']});
</script>

<script type="text/javascript">
    function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Name');
  data.addColumn('string', 'Manager');
  data.addColumn('string', 'ToolTip');

  data.addRow(['Management', '', '']);

    data.addRow(['public relations', 'Management', '']);
  data.addRow(['WG public relations', 'public relations', '']);
  data.addRow(['WG magazine', 'public relations', '']);
  data.addRow(['WG Internet', 'public relations', '']);

    data.addRow(['Representations', 'Management', '']);
    data.addRow(['Org1', 'Representations', '']);
        data.addRow(['The Management of Org1', 'Org1', '']);
        data.addRow(['committee of Org1', 'Org1', '']);

    data.addRow(['Org2', 'Representations', '']);
        data.addRow(['The Management of Org2', 'Org2', '']);
        data.addRow(['committee of Org2', 'Org2', '']);

    data.addRow(['Org3', 'Representations', '']);
        data.addRow(['The Management of Org3', 'Org3', '']);
        data.addRow(['committee of Org3', 'Org3', '']);

  data.addRow(['social services for target groups', 'Management', '']);
  data.addRow(['WG children', 'social services for target groups', '']);
    data.addRow(['children event', 'WG children', '']);
  data.addRow(['WG youth', 'social services for target groups', '']);
  data.addRow(['WG working world', 'social services for target groups', '']);
  data.addRow(['WG fun', 'social services for target groups', '']);
    data.addRow(['event1', 'WG fun', '']);
    data.addRow(['event2', 'WG fun', '']);
    data.addRow(['event3', 'WG fun', '']);
    data.addRow(['SMS', 'WG fun', '']);
  data.addRow(['WG education', 'social services for target groups', '']);
  data.addRow(['employees', 'social services for target groups', '']);
    data.addRow(['employee WE', 'employees', '']);
    data.addRow(['employee training', 'employees', '']);
    data.addRow(['employee workshop', 'employees', '']);
  data.addRow(['WG financials', 'social services for target groups', '']);
  data.addRow(['education', 'social services for target groups', '']);
    data.addRow(['class1', 'education', '']);
    data.addRow(['class2', 'education', '']);
    data.addRow(['class3', 'education', '']);
    data.addRow(['class4', 'education', '']);
    data.addRow(['class5', 'education', '']);
    data.addRow(['class6', 'education', '']);
    data.addRow(['class7', 'education', '']);
  data.addRow(['general meeting', 'social services for target groups', '']);

  data.addRow(['UHD (User Help Desk)', 'Management', '']);

  data.addRow(['Financials / Administration', 'Management', '']);


        // Create and draw the visualization.
        var table = new google.visualization.OrgChart(document.getElementById('visualization'));
        table.draw(data, {allowHtml: true});


      }


      google.setOnLoadCallback(drawVisualization);
    </script>
</head>

<body>
    <div id="visualization"></div>
</body>
</html>