Baumdiagramm auf Website

[Kai S. (kai1986)]

Hallo,

ich bin auf der Suche nach einem einfachen Weg Baumdiagramme auf einer 
Website darzustellen. Das ganze ist nur für mich privat, weshalb es 
dafür kostenfrei verfügbar sein sollte.
Die Funktion stelle ich mir ungefähr so vor:
Die Daten liegen in einer PostgreSQL Datenbank, werden daraus per PHP 
abgerufen und in die benötigte Form gebracht und dann an das 
Modul/Skript übergeben, das es dann auf der Seite (mit Bootstrap) 
entsprechend darstellt. Schön wäre es, wenn sich in das Diagramm noch 
Links einbetten lassen, damit man die Knoten anklicken kann und damit 
auf eine neue Seite mit dem Inhalt des Knoten kommt.

Bisher habe ich hier nur kostenpflichtige Lösungen wie beispielsweise 
Essential JS gefunden, die aber durch die kosten unpraktikabel sind.

Ich hoffe, das es hier bereits etwas gibt und ich es nicht selbst 
schreiben muss.

Gruß Kai

[Kai (Gast)]

Erster Treffer bei Google:
https://github.com/bpmn-io/diagram-js

[Vlad T. (vlad_tepesch)]

oder wenn du dot bevorzugst: http://viz-js.com/

[tlb (Gast)]

scheint auch brauchbar: https://fperucic.github.io/treant-js/

[Frank E. (Firma: Q3) (qualidat)]

Entweder, du findest und nutzt eine fertige JS/PHP-Lib oder du 
programmierst selber etwas. Wenn letzteres, würde ich das über dyn. 
erzeugtes SVG versuchen ...

[Kai S. (kai1986)]

Hallo,

vielen Dank für die Links, die helfen mir weiter.
Es sieht so aus, als wäre der einfachste Weg für mich, mir JS 
anzueignen.

Gruß Kai

[Sheeva P. (sheevaplug)]

Kai S. schrieb:
> ich bin auf der Suche nach einem einfachen Weg Baumdiagramme auf einer
> Website darzustellen. Das ganze ist nur für mich privat, weshalb es
> dafür kostenfrei verfügbar sein sollte.

Wenn Du es richtig hübsch und vielseitig haben möchtest, könnte D3.js 
etwas für Dich sein. Gerade wenn die Baumstrukturen etwas größer werden, 
ist eine interaktive Darstellung sehr nützlich... ;-)

[Hans (Gast)]

Ja selbst programmieren macht keinen Sinn wenn es schön werden soll. Da 
steckt Unmenge an Arbeit in den libraries..das selbst nachzubauen stünde 
in keiner Relation

[Thomas R. (analogfreak)]

graphviz.org
+ Open Source
+ Multiplattform
+ Kann SVG erzeugen (ideal fürs Web)

[Sheeva P. (sheevaplug)]

Kai S. schrieb:
> vielen Dank für die Links, die helfen mir weiter.
> Es sieht so aus, als wäre der einfachste Weg für mich, mir JS
> anzueignen.

Oh, ganz vergessen, bitte entschuldige... Wenn Du JavaScript lernen 
willst, möchte ich Dir die Bücher von Douglas Crockford wärmstens ans 
Herz legen -- auch "JavaScript: The Good Parts", trotzdem es schon etwas 
älter ist. Viel Erfolg und Vergnügen! ;-)

[Karl K. (karl2go)]

Frank E. schrieb:
> Wenn letzteres, würde ich das über dyn.
> erzeugtes SVG versuchen

Kann man in SVG Links einbetten?

[Sheeva P. (sheevaplug)]

Karl K. schrieb:
> Kann man in SVG Links einbetten?

Natürlich.