Kurs Visualisierung

Warum Diagramme?

Visualisierungen oder Diagramme sind dir vieleicht aus der Zeitung oder aus den Nachrichten bekannt: Wie die Wirtschaft einen Landes wächst, oder der Wert eines Unternehmens ist, wird oft als eine Linie dargestellt: Sie steigt an, wenn der Wert größer wird und fällt, wenn der Wert sinkt. Diese Darstellungen basieren auf Zahlen, die gemessen werden – z.B. durch Aktionverkäufe an der Börse. Dadurch wird festgestellt wie viel Wert eine Aktie hat und dieser Wert wird dann in ein Diagramm umgewandelt.

Ein Aktienkurs als "Liniendiagramm"

Aktienwert in Zahlen ausgedrückt

Wenn aber Diagramme auf Zahlen basieren, warum könntest du daraus ein Diagramm erstellen wollen? Schliesslich ist es zusätzliche Arbeit und die Zahlen sind das genauste was du hast!

Stell dir vor, du bist bei einer Limonadenfirma angestellt. Du willst wissen, ob die Firma gerade wächst. Dazu hast du diese Zahlen, die zeigen, wie viel die Firma verdient. Du wüsstest auch gerne, ob die Firma im Vergleich zur Konkurrenz gut ist, auch dafür hast du eine Tabelle, genau wie die von deiner Firma.

TABELLE: Eigene Firma TABELLE: Andere Firma Aufgabe:

Welche Firma macht momentan mehr Gewinn?
Welche Firma ist in den letzten Jahren am stärksten gewachsen?
Du hast die Zahlen genutzt um festzustellen, wie sich die Firmen entwickelt haben. Was wären Vor- und Nachteile, wenn du die Zahlen nun visualisierts, also z.B. ein höheres Ergebnis durch einen höheren Balken darstellst?

Um den Unterschied eine Visualisierung als Diagramm auszuprobieren, erstelle ein Diagramm aus den Zahlen in der Tabelle

Tabelle

Du kannst z.B. Diagramme mit Programmen wie Excel, Calc oder Illustrator erstellen. Du kannst ein Diagramm auch mit Stift und Lineal

Vergleiche dein gerade erstelltes Diagramm mit diesem hier:

File:CourseVisualisation HotChocolate.png

Was kannst du daraus schliessen?

Diagrammtypen

Es gibt verschiedene Arten von Visualisierungen. Hier eine Übersicht.

Liniendiagramm

Zusammenhang von 2 Merkmalen kann in Linienform, wobei der eine Wert an der Horizontalen, der andere an der Vertikalen eingetragen wird. Beide Werte sollten kontinuierlich sein und keine Kategorien. Kontinuierlich ist z.B. das Einkommen oder die Körpergröße, Kategorien sind Beruf oder Land.

Beispiel für die Verwendung: Menge an getrunken Bier zu gelaufener Strecke ohne hinzufallen

Balkendiagramm

Zusammenhang von 2 Merkmalen. Eines der beiden Merkmale sollte eine Einteilung in Kategorien haben, das andere kontinuierlich sein.

Beispiel für die Verwendung: getrunkene Liter zu Limonadensorte

Kuchendiagram

Darstellungsform für Teilwerte eines Ganzen als Teile eines Kreises. Häufig genutzt zur Darstellung von Verteilungen und Anteilen. Um jeweilige Sektoren leicht zu unterscheiden, kann man Farbe, Muster oder Schattierungen verwenden. Kuchendiagramme sollten nur zur Angabe von Prozentwerten und Anteilen verwendet werden.

Weitere Diagramtypen

...

Nachvollziehbarkeit

AUFGABE: Ihr kauft von Einem Handelspartner Pomelos für eurer neue Sorte Pomelo-Physalis. Ihr habt ihm ein Diagramm gesendet, das zeigen soll, dass der Verkauf dieser Sorte sehr gut läuft. Leider sagt er, er kann mit dem Diagramm nichts anfangen. Weißt du Warum?

Ohne eine klare Beschriftung ist nicht klar was das Diagram überhaupt darstellt. Deshalb solltest du deine Diagramme beschriften:

was wurde gemessen?
In welcher Einheit?
Was für ein Zusammenhang in dem Diagramm dargestellt?

Aufgabe: Das sind die Orignaldaten

[!!!Tabelle]

überarbeite das Diagramm für den Verkauf von Pomelo-Physalis-Limo um erschließbar zu machen, was dargestellt ist und wie.

Grafische Gestaltung

AUFGABE:

In der Limonadenfirma, für die du arbeitest, gibt es schon ein paar Diagramme. Sie zeigen, wie sich die verschiedenen Limonadensorten verkauft haben. [!!! fancy-shit diagram mit mehrern 3D Graphen, Ilustration , Hintergrund, Verzerrung] Was unterscheidet die Diagramme von dem oben gegebenen Diagramm zum Pomelo- Physalis- Verkauf?

Es ist sinnvoll, eine Visualisierung so einfach wie möglich zu halten. Je mehr von den Daten ablenkt, desto schwieriger ist das Diagramm zu lesen. Eine einfache Regel ist, kein Element einzufügen, durch das das die Daten nicht besser zu verstehen sind bzw. alle Elemente zu löschen, die das Diagramm nicht verständlicher wird.

Aufgabe: Was wäre das in der Grafik oben?

Sehr einleuchtend ist es, die dekorierenden Grafiken loszuwerden. Aber auch scheinbar funktionstragende Elemente können entfernt werden: 2D-Balken sind klarer als 3D Balken, das Gittermuster im Hintergrund lenkt vom Inhalt ab und kann zurückgenommen werden. Da die Daten alle der selben Kategorie entstammen sollte eine Farbe genutzt werden um dies deutlich zu machen.

Aufgabe:

Gestalte diese Diagramme so um das nur noch Elemente enthält, die zum Verständnis der Daten beitragen.
Finde Beispiele für Diagramme und diskutieren in der Gruppe, ob die grafische Darstellung dabei hilft die Daten zu verstehen.

Irreführende Darstellungen

Diagramme können Daten auch verzerrt darstellen. Selbst wenn die Zahlen alle korrekt sind, können Daten so dargestellt werden, dass die den Eindruck vermitteln das Werte größer oder kleiner sind als in Wirklichkeit. Das ist die negative Kehrseite davon, dass Diagramme meist einfacher und schneller verständlich sind als Zahlen.

Achsen verzerren

die Achsen länger gemacht werden (Unterschiede wirken größer)
Die Achsen gestaucht werden (Unterschiede wirken kleiner)
Die Achsen nicht bei 0, sondern bei einem anderen Wert beginnen (Unterschiede wirken größer)

Grafiken irreführend skalieren

Statt Balken Grafiken verwenden, bei denen die Höhe der entscheidende Wert ist, aber Höhe und Breite skaliert werden. Dadurch das die Höhe linear ansteigt, aber die Fläche quadratisch… File:CourseVisualisation ComparsionScaledVsMultiple.png

Nicht-3-D-Daten in 3D darstellen

Durch die Perspektive werden die Daten verzerrt: Was näher ist, wirkt (auch zahlenmäßig) größer; Zudem werden überflüssige graphische Elemente eingefügt.

Aufgabe:

Rechteckige Flaschen scheinen voll im Trend zu sein – behauptet zumindest eine Studie, die euch von einem Flaschenhersteller zugesendet wurde: File:CourseVisualisation skewedVis scaledGraphic.png

Sind die Werte in den Diagrammen korrekt? (vergleiche Tabellendaten).

Tabelle

Du erstellst die Grafiken neu, um deinem Chef eine objektive Einschätzung zu ermöglichen, ob auf rechteckige Flaschen umgestiegen werden soll. wie glaubst du wird er sich entscheiden?