Visualisieren mit MooWheel

April 16th, 2008 von Aleks | Kategorie: Free Stuff, Scripts & Snippets, Web

Mit der kreisförmigen Anordnung von “MooWheel” lassen sich verschiedene Dinge sehr gut visualisieren, z.B. in einem Social-Network die Verbindungen der verschiedenen User zueinander, oder ähnliches. Evtl werden wir sowas mal in unser Single Community ausprobieren, Ergebnisse werde ich dann hier veröffentlichen.

Auf der Homepage von MooWheel findet ihr eine Anleitung zum integrieren dieses Scriptes in euer Projekt. Dabei genügt es dem MooWheel ein per Ajax geladenes Array (z.B. ein Select aus eurer DB) zu übergeben das in folgender Struktur aufgebaut wird:

[['User 1','User 2','User 3'],['User 1','User 2','User 3','User 4'],['User 3','User 4','User 1']]

Dabei gibt die erste Stelle immer den “Grundpunkt” an, und die weiteren die verknüpfungen. Also gehen von User 1 eine Linie zu User 2 und zu User 3. Von User 3 geht eine Linie zu User 4 und zu User 1 usw.

Hier mal ein Beispiele:

Voraussetzung: Um MooWheel benutzen zu können braucht man die MooTools Lib (Class, Class.Extras, Element, Element.Event, Element.Dimensions, Json.Remote) die man sich auf der MooTools.net Homepage herunterladen kann.Demo: Wer sich die Demo online ansehen möchte sollte auf der MooWheel Homepage vorbei schauen.