Suche jQuery Diagramm

[Sascha Rudolph]

Hey,

ich suche für ein aktuelles Projekt eine art Diagramm (siehe Foto). Ich weiß leider weder wie man so ein jQuery Plugin nennt, noch ob es soetwas überhaupt gibt.



Das ganze ist eine inspiration von Prezi (googeln, wer es nicht kennt). Bei Hover auf Thema 1, werden alle anderen Themen kleiner, und Thema 1 groß. Klickt oder hover man auf Thema 2, wird Thema 1 kleiner und Thema 2 größer usw.

Könnt ihr mir dahingehend weiterhelfen?

Danke!

 

[Wellenbrecher1963]

es gibt eine JQuery Erweiterung, die Diagramme erstellt. Aber das sind Balken und Torten.

Unter PHP wäre mir noch die Bibliothek phpMyDiagram bekannt, aber die ist aus 2005. Keine Ahnung, ob die noch auf dem aktuellen Stand ist und ob die noch weiter entwickelt wird.

Aber ich würde das aus eigenen Blasen per JQuery Zeinen Funktion selber definieren. Durch CSS kann man bei einem Viereck die Ecken abrunden, dass eine Elypse entsteht. Alles andere würde ich mit Bind machen, der auf Mauseingaben lauscht, abfangen.

Wenn Du das auch noch in Klassen packst, kannst Du immer wiederkehrende Geschichten, ohne großen Programmieraufwand immer wieder verwenden.

Und die Blasen würde ich über CSS absolut / relativ platzieren (set, left, top usw....)

Mehr fällt mir nicht ein.
Viel Glück!

 

[noltehans]

Hi Sascha,

vielleicht wirst du hier ja fündig.

 

[Haui76]

Hallo Sascha,

Da Prezi hauptsächlich mit Zoom arbeitet, vermute ich mal du suchst nicht speziell nach einem Diagramm-Plugin sondern eher ein Zoom-Plugin wie zum Beispiel Zoomooz.
Damit solltest du den gleichen Effekt wie mit Prezi erzielen können.

 

[patrick_l]

Hi Sascha, grüß dich.

Ein vergleichbares Plugin kenne ich so jetzt nicht. Mein Tipp, benutz als Basis eine SVG-Grafik und mach den Rest, sprich die Animation mit jQuery und/oder CSS3. Da du jeden Pfad (Fläche) selektieren kannst, sollte einiges machbar sein.

- CSS-Tricks » A Guide to SVG Animations

Liebe Grüße, Patrick