Photography | Kayaking | Paddleboarding | Electric Unicycling | Tipis | Programming | Databases | Pharmacy | Informatics | Robotics
www.jonathantolhurst.com

Organisational Chart

Disclaimer: The information contained on this page forms part of my GPC CPD portfolio and is therefore my personal opinion and in no way reflects the opinion or policy of my employer.
This application makes use of:

  • MySQL Database
  • Google Charts API
  • Datatables
  • JQuery
  • JQueryUI
This is an extremely simple organisational chart application that I created using the excellent Datatables Editor Software and Google Charts API. The purpose of this was to create a tool to visualise a department structure which would be easy to update.

Staff details are entered into the database using a web based form. The form allows the user to define a manager for each staff member. On displaying the chart, the data is rendered into an organisational chart. As per the Google data policy relating to this type of visualisation: all code and data are processed and rendered in the browser. No data is sent to any external server. The application works very well but may need expanding on for very large organisational structures (E.g. drill down at various levels within the strucutre).

The table in which the data is edited and displayed.

The table in which the data is edited and displayed.

The form in which the data is edited.

The form in which the data is edited.

The Google Chart in which the data is displayed.

The Google Chart in which the data is displayed.

Jonathan Tolhurst

About Jonathan Tolhurst

Based in London, my interests include photography, kayaking, paddle boarding, electric unicycling, teepees, robotics, programming, databases, informatics and pharmacy.

Contact me

Email: Contact Me
Jonathan Tolhurst