Organizational Chart Demo (1)

This is our first example. A medium-size organization is shown. The organizational structure is represented by a JSON file that reside in the web server and is requested via AJAX. So, in this version de library, the data and the software logic are separated. This is an advantage because you can render "changing" charts if you implement a program (lets say, a PHP script) that reads from the database and build the JSON on-the-fly. But the JSON file is served by an HTTP server, so you can not work locally with the library (solve this by installing a "localhost" LAMP/WAMP server in your PC). This entry-level graph shows some features: first, the distribution of the boxes is automatic. If you want, for example, "Informatica" to be below "Consultoria Juridica" and "Inteligencia" on the right side, invert these nodes in the JSON file. Second, the "hover" behaviour is shown, but a click does nothing, because the "id" attribute is not assigned to the boxes (with the exception of "Inteligencia"; try it). Third, there is a "dashed" node; this feature is useful for non-permanent organizational units, like a project office.