Flare's Sunburst (2) - Benutzer, Darstellung, Artikel, Sunburst, Datensatz, Sektion, Größe, Wurzel, Baumhierarchie, Wiki, Blätter, Ringe, Viktor, Wlan, Kategorien, Einordnung, Jeder, Kategorie, Seite, Knoten, Umsetzung, Download, Visualisierung, Ziel, Diese, Informationen, Artikels, Kategorienhierarchie, Wikis, Hierarchietiefe

Flare’s Sunburst (2)

8. Januar 2009 – 21:51

Nach anfänglichen Schwierigkeiten habe ich die Sunburst Visualisierung aus dem Flare Test Paket isoliert und soweit erweitert, dass sie meinen Anforderungen mehr oder minder entspricht.

Ziel

Angenommen ich lese mir einen Artikel durch und möchte mehr Informationen zu dem Verfasser angezeigt bekommen. Üblicherweise navigiere ich in diesem Fall auf die Benutzerseite des Autors. Diese Seite hält je nach eingesetztem Wiki weitere interessante Informationen über einen Benutzer bereit und bietet damit die Basis des sozialen Netzwerks in einem Wiki Portal. Sunburst soll hier dazu beitragen, dass der Interessen- und Wissens-Schwerpunkt dieses Benutzers schnell erkannt werden kann. Dadurch ist es dem Rezipienten möglich den Benutzer schnell in Fach- und Wissensgebiete einordnen.

Umsetzung

Die originale Sunburst Implementierung ist im Prinzip nur eine andersartige Darstellung einer Baumhierarchie. In der Mitte befindet sich der Startknoten (Wurzel). Jede weitere Sektion symbolisiert einen Kindknoten. Je weiter nach außen eine Sektion liegt um so tiefer der Knoten in der Baumhierarchie. Die Größe eines Knotens ergibt sich ausschließlich über die Anzahl seiner Kinder. Die Blätter sind immer gleich groß.

Diese Art der Darstellung hätte die Zielsetzung nicht erfüllen können. Damit eine Abschätzung des Betrachters, in welchen Themengebieten der Benutzer tätig ist, möglich wird, müssen die Blätter (Artikel) in der Größe variabel gestaltet werden können. Je öfter der Benutzer ein Artikel editiert hat, umso größer (längere Sektion) seine Darstellung. Um ähnliche Knoten-Größen, die durch die Krümmung eventuell nicht optimal miteinander vergleichbar sind besser abwägen zu können, ist jeder Blatt-Knoten je nach Größe farblich kodiert. Ähnliche Größen haben ähnliche Farben.

Die Wurzel stellt den Benutzer dar, auf dessen Seite die Visualisierung platziert ist. Jeder graue Knoten (Sektion) symbolisiert eine Kategorie. Jeder Blattknoten ist einer Kategorie zugeordnet (graue Sektionen), so dass eine thematische Einordnung der Artikel möglich ist. Der Weg von der Wurzel bis zum Blatt bedeutet die Einordnung eines Artikels, der von diesem Benutzer verfasst wurde in die Kategorienhierarchie des Wikis. Je geringer die Hierarchietiefe der Kategorien, umso weniger Ringe in der Darstellung. Besäßen die Kategorien keinerlei Hierarchie (Benutzung als Tags) hätte die Darstellung insgesamt nur drei Ringe.

Datensatz

Der Datensatz muss GraphML kompatibel sein.

<?xml version="1.0" encoding="UTF-8"?>
<graphml>
<graph edgedefault="undirected">
	<key attr.type="string" id="name" for="node" attr.name="name"/>
	<key attr.type="bool" id="kategorie" for="node" attr.name="kategorie"/>
	<key attr.type="string" id="artikel" for="node" attr.name="artikel"/>
	<key attr.type="string" id="uri" for="node" attr.name="uri"/>
	<key attr.type="int" id="size" for="node" attr.name="size"/>
	<key attr.type="string" id="shortname" for="node" attr.name="shortname"/>
	
	<node id="0">
		<data key="name">Viktor Dite</data>
		<data key="shortname">Viktor...</data>
		<data key="kategorie">true</data>
		<data key="size">0</data>
		<data key="uri">http://viktor-dite.de</data>
	</node>
	<node id="2">
		<data key="name">Wlan</data>
		<data key="shortname">Wlan</data>
		<data key="kategorie">true</data>
		<data key="size">0</data>
		<data key="uri">http://google.de</data>
	</node>

	<edge source="0" target="2"></edge>	
</graph>
</graphml>

Derzeit findet keine dynamische Generierung des Datensatzes statt. Die Eingabedaten sind per Hand kodiert.

ViskoDa