Any recommendations for a org-Chart Library?

[Mr. NiceGuy]

Hey Guys, 

really enjoying developing with Processwire so far. 

I have an idea for a site or rather a webapp for my college courses. 

Processwire is the ideal backend for it. 

I plan to build a interactive tree of life. My idea is to build  a expandable treechart. Every item needs a small photo, example name(taxa) and  group name (phylum). When the user klicks on the Item i want to open up a popup with additional infos (thinking of embedding a Google docs presentation so that the tutor can update it himself, and students can download PDFs). 

I have absolutely no doubts that backendcoding will be done very fast But i'm still struggling on the frontend. 

There are not really good librarys for such purposes, at least i didn't find many. And coding it by myself would be too much effort. 

The better ones were  http://www.basicprimitives.com/index.php?option=com_local&view=local&Itemid=40〈=en   Which seems kinda nice, but touch support is very poor. I think thats a neccessity in these days especially for the target audience  

http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html  Super fast and touch compatible. But i have some struggles setting up a similar layout like in the above example. 

Do you know any further alternatives? 

Thanks

[clsource]

don't know if is useful but

here are some chart js librarys

https://developers.google.com/chart/interactive/docs/gallery/treemap?hl=en

http://smoothiecharts.org/

http://www.oesmith.co.uk/morris.js/

[Mr. NiceGuy]

Thanks for the reply. 

Google Charts also looks nice, I'll see to which extend the points are customizable. 

i know the other chart libraries but i specifically need a Chart similar to an org Chart.

[Martijn Geerts]

I did use use this orgchart once, simple to implement. It converts ul li to a chart. Those charts are generated with Tables. 

[felix]

I'd recommend using d3.js for data visualization:

http://blog.pixelingene.com/2011/07/building-a-tree-diagram-in-d3-js/

[Mr. NiceGuy]

Hey Guys, 

just for reference: i went with Google Charts Visualization: Not very pretty but functional and it works. There are a lot of old machines running on this network and as I saw many of the solutions need HTML Canvas. D3 is nice but it has to much power. The effort of learning would be to much compared of the use. 

[gllona]

I'm glad to tell you that I've released version 1.0.0 beta 1 of the JS
organization chart library, lib_gg_orgchart.

This is the first mayor-number version release. Includes more types of nodes,
better rendering, decoupling of the JSON-defined organizational chart (useful,
for example, for dynamic generation of the structures), a simpler form of
invocation, chart zoom, drag and print to PDF (so you can render a broad chart
inside a fixed-width DIV page), and multiple, different-structure charts on the
same page, and some other minor features.

You can download the new version from the library web site (includes new examples):

http://librerias.logicas.org/lib_gg_orgchart

[jenifercolt]

Previously we used Google charts But due to some technical reasons we stop using it and we started to use  Koolchart. Koolchart is easy to use and it is very simple.