Datenvisualisierung/Baumdiagramm

Ein Baumdiagramm (auch: Baumgraph, Stemma, Verzweigungsdiagramm) ist eine grafische 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

Assoziogramm

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

Weblinks

• pixelingene: Building a tree diagram in D3.js
• d3noob: Tree diagrams in d3.js
• recordssoundthesame: Mindmapping with Javascript

Generatoren

• 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.