SVG/Anwendung und Praxis/Baumdiagramm

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Ein Baumdiagramm (auch: Baumgraph, Stemma, Verzweigungsdiagramm) ist eine graphische Darstellung, welche die Beziehungen zwischen einzelnen Elementen eines Netzwerkes zueinander (also ihre Verwandtschaft oder hierarchische Abhängigkeiten) durch Verbindungslinien darstellt. Der Name leitet sich aus der verästelten Struktur dieser Darstellungen ab.

Obwohl eine Umsetzung in HTML mit Pseudoelementen für die Verbindungslinien möglich ist, können Sie mit SVG sowohl die Elemente als auch die Verbindungen frei gestalten.

Anwendungsbeispiele[Bearbeiten]

Baumdiagramm[Bearbeiten]

Assoziogramm[Bearbeiten]

Ein Assoziogramm (auch mindmap) ist eine visualisierte Sammlung von Wörtern, die dem Ersteller zu einem zentralen Begriff einfallen.

Weblinks[Bearbeiten]

Generatoren[Bearbeiten]

  • Jim Blackler A tree diagram (SVG) generation tool in JavaScript
  • WiseMapping ist ein Mind Mapping Tool, die Macht von Mind Maps mit neuen Webtechnologien wie HTML 5.0 und SVG verbindet.