JavaScript: vertikale Balken darstellen?

[arc]

Ich möchte Sortierverfahren mit JavaScript visuell darstellen (im Zusammenhang mit einem Tutorial). Dazu fehlt mir allerdings eine einfache Möglichkeit das ganze grafisch z.B. mit schönen Balken umzusetzen. Im Moment manipuliere ich ein div Element und gebe einfach die Zahlenfolge aus.

Ich suche lediglich eine Möglichkeit eine Folge von Werten als Balken darzustellen. Habt ihr vielleicht eine Idee?

Danke!

PS:
Das ganze habe ich bereits in Delphi umgesetzt, so in etwa stelle ich mir das vor.
http://img80.imageshack.us/img80/3714/bild2s.png

[mkinzler]

GD, ImageMagick oder eine Charting-Lib

[Matze]

Hallo,

du kannst ja mal schauen, wie es entsprechende Bibliotheken machen und sie verwenden bzw. den Code abgucken. z.B. JsGraphics.

[blackfin]

Für JavaScript: http://www.lutanho.net/diagramm/index.html


Wenn es nicht ubedingt JavaScript sein muss, würde ich dir mal JPGraph empfehlen, brauchst allerdings php dafür.

[arc]

Vielen Dank für die Hinweise, ich suche allerdings etwas extrem einfaches, abgespecktes. Etwas, wo die Chance besteht daß ich den Quellcode verstehen und später erklären kann.

Habt ihr hier vielleicht einen Tip? Wie könnte ich mir einen Balken erstellen, dessen Höhe ich mit JavaScript verändere? Mit div Elementen und background-color vielleicht?

Danke!

[Matze]

Zitat von blackfin:

Wenn es nicht ubedingt JavaScript sein muss, würde ich dir mal JPGraph empfehlen, brauchst allerdings php dafür.

Für eine Live-Anzeige eines Sortiervorgangs kannst du das vergessen. Ich habe zumindest verstanden, dass er das möchte, sonst kann man gleich Bilder nehmen.

Mit div-Elementen ginge das schon, aber je nach Balkenanzahl wünsche ich dir viel Spaß, das für alle gängigen Browser anzupassen. Aber vielleicht klappt's auch problemlos.

[blackfin]

Zitat:

...Live-Anzeige...

Da haben Sie natürlich vollkommen Recht, Maestro
Wenn's live sein soll, ist mein Vorschlag Mist mit Birnen!

[omata]

Vielleicht hilft dir ja dies oder dies oder dies weiter.