[JavaScript] komplexere Graphen Zeichnen

[cppnap]

Guten Tag,

ich möchte aktuell eine Frontend-Page entwickeln, die Inhalte der Datenbank als einen visualisierten Graphen mit Zeitstrahl darstellt.
Das Tool soll ähnlich aufgebaut sein wie ein Trading Tool.

Hier mal ein Bild, wie es in etwa aussehen soll:



Google erschlägt mich regelrecht mit Chart- und Plotting Bibliotheken.

Hat jemand von euch Erfahrungen mit solchen Tools bzw. könnte mir ggf. etwas empfehlen, mit was man mein Projekt geschmeidig implementiert?

vielen Dank

 

[rg88]

d3

 

[Faust2011]

Meine Empfehlung wäre ebenfalls d3.js. Achtung, das ist keine Charting-Bibliothek (aber man baut ruck-zuck einen Chart damit). Der Name ist Programm und dieser steht für: Data driven documents. Es gibt im Netz unglaublich viele Beispiele, was man damit alles anstellen kann. Einfach mal anschauen.

 

[Donnidonis]

Je nachdem was du für eine Datenbank hast und wie deine Daten aussehen ist Grafana einfach ein richtig gutes Tool/Projekt was dir Graphen darstellen kann aus gegebenen Zeitdiskreten Werten. Auf jedenfall ein Blick wert.

 

[Kanibal]

plotly.js ist speziell für Graphen geeignet.

 

[blablub1212]

D3.js würde ich wohl auch nehmen. Aber das ist am Anfang schon ein bisschen komplex

 

[rg88]

@Blub: na und? Umsonst ist der tod und der kostet das Leben Ein bisschen muss man sich eben mit der Materie auseinander setzten, wenn man was halbwegs brauchbares auf die Reihe stellen will

 

[Faust2011]

Da wir hier mit Javascript unterwegs sind und es massig Beispiele im Netz zu d3.js gibt und mit dem Aufkommen von Prototyping-Seiten wie beispielsweise jsfiddle und der Integration von Developer-Tools direkt in jedem modernen Browser, so ist das alles kein Hexenwerk mehr und man kommt verdammt schnell zu brauchbaren Ergebnissen (sorry, das waren doch viele 'und' in diesem Satz)!