No edit summary |
|||
(58 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
===Kurzbeschreibung=== | |||
Eine Einführung in die Darstellung von Daten, die sich in Zahlen ausdrücken lassen. | |||
==Warum Diagramme?== | ==Warum Diagramme?== | ||
Visualisierungen oder Diagramme sind dir | Visualisierungen oder Diagramme sind dir vielleicht aus der Zeitung oder aus den Nachrichten bekannt: Wie stark die Wirtschaft eines Landes wächst, oder wie hoch 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. | ||
[[File:StockXChange-Chart_PD-Licensed.jpg|thumb| Ein Aktienkurs als "Liniendiagramm"]] | [[File:StockXChange-Chart_PD-Licensed.jpg|thumb| Ein Aktienkurs als "Liniendiagramm"]] | ||
[[File:StockXChange-Numbers_CC-BY-Licensed.jpg|thumb| Aktienwert in Zahlen ausgedrückt]] | [[File:StockXChange-Numbers_CC-BY-Licensed.jpg|thumb| Aktienwert in Zahlen ausgedrückt]] | ||
Wenn aber Diagramme auf Zahlen basieren, warum | Wenn aber Diagramme auf Zahlen basieren, warum solltest du daraus ein Diagramm erstellen wollen? Schließlich wäre das zusätzliche Arbeit, und die Zahlen sind das genaueste was du hast! | ||
Stell dir vor, du bist bei | Stell dir vor, du bist bei der Limonadenfirma ''SipIt'' angestellt. Du willst wissen, ob die Firma wächst und Jahr für Jahr mehr Limonadenflaschen verkauft. Dazu hast du diese Zahlen, die dir zeigen, wie viel die Firma verdient. Du wüsstest auch gerne, ob die Firma im Vergleich zur Konkurrenz, der Firma ''CHUCKthat'' gut ist – | ||
{| {{table}} | |||
| align="center" style="background:#f0f0f0;"|'''Firma''' | |||
| align="center" style="background:#f0f0f0;"|'''2000''' | |||
| align="center" style="background:#f0f0f0;"|'''2001''' | |||
| align="center" style="background:#f0f0f0;"|'''2002''' | |||
| align="center" style="background:#f0f0f0;"|'''2003''' | |||
| align="center" style="background:#f0f0f0;"|'''2004''' | |||
| align="center" style="background:#f0f0f0;"|'''2005''' | |||
| align="center" style="background:#f0f0f0;"|'''2006''' | |||
| align="center" style="background:#f0f0f0;"|'''2007''' | |||
| align="center" style="background:#f0f0f0;"|'''2008''' | |||
| align="center" style="background:#f0f0f0;"|'''2009''' | |||
| align="center" style="background:#f0f0f0;"|'''2010''' | |||
| align="center" style="background:#f0f0f0;"|'''2011''' | |||
| align="center" style="background:#f0f0f0;"|'''2012''' | |||
| align="center" style="background:#f0f0f0;"|'''2013''' | |||
|- | |||
| SipIt||150000||160000||165000||180000||210000||215000||210000||230000||220000||220000||240000||245000||250000||260000 | |||
|- | |||
| Chuck-that||200000||230000||235000||245000||245000||260000||275000||294000||305000||260000||240000||220000||225000||230000 | |||
|- | |||
| | |||
|} | |||
Gewinn (in €) pro Jahr'' | |||
'''Aufgabe:''' | '''Aufgabe:''' | ||
* Welche Firma macht momentan mehr Gewinn? | * Welche Firma macht momentan mehr Gewinn? | ||
* Welche Firma ist in den letzten Jahren am stärksten gewachsen? | * 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 | * Du hast die Zahlen genutzt um festzustellen, wie sich die Firmen entwickelt haben. Was wären Vor- und Nachteile, wenn du die Zahlen nun visualisierst, also z.B. ein höheres Ergebnis durch einen höheren Balken darstellst? | ||
Tabelle | * Um ein Darstellung als Diagramm auszuprobieren, erstelle ein Linien-Diagramm aus den Zahlen in der folgenden Tabelle! [[#L.C3.B6sung_Warum_Diagramme.3F|Lösung]] | ||
Du kannst z.B. Diagramme mit Programmen wie Excel, Calc oder Illustrator erstellen. Du kannst ein Diagramm auch mit Stift und Lineal | {| {{table}} | ||
| align="center" style="background:#f0f0f0;"|'''''' | |||
| align="center" style="background:#f0f0f0;"|'''Januar''' | |||
| align="center" style="background:#f0f0f0;"|'''Februar''' | |||
| align="center" style="background:#f0f0f0;"|'''März''' | |||
| align="center" style="background:#f0f0f0;"|'''April''' | |||
| align="center" style="background:#f0f0f0;"|'''Mai''' | |||
| align="center" style="background:#f0f0f0;"|'''Juni''' | |||
| align="center" style="background:#f0f0f0;"|'''Juli''' | |||
| align="center" style="background:#f0f0f0;"|'''August''' | |||
| align="center" style="background:#f0f0f0;"|'''September''' | |||
| align="center" style="background:#f0f0f0;"|'''Oktober''' | |||
| align="center" style="background:#f0f0f0;"|'''November''' | |||
| align="center" style="background:#f0f0f0;"|'''Dezember''' | |||
|- | |||
| Limo||5000||4800||6000||9000||14000||20000||30000||32000||20000||10000||4000||4000 | |||
|- | |||
| Kakao||8500||7500||5000||4500||2000||1100||1000||1200||1500||2000||4000||8000 | |||
|- | |||
| | |||
|} | |||
Getrunkene Liter des Getränkes pro Monat. | |||
Du kannst z.B. Diagramme mit Programmen wie Excel, Calc oder Illustrator erstellen. Du kannst ein Diagramm auch mit Stift und Lineal zeichnen. | |||
Was kannst du | Was kannst du aus den dargestellten Daten schliessen? | ||
==Diagrammtypen== | ==Diagrammtypen== | ||
Es gibt verschiedene Arten von Visualisierungen. Hier eine Übersicht. | Es gibt verschiedene Arten von Visualisierungen. Hier eine Übersicht. | ||
===Liniendiagramm=== | ===Liniendiagramm=== | ||
[[File:CourseVisualisation_Linechart.png|Liniendiagram]] | [[File:CourseVisualisation_Linechart.png|thumb|64px|Liniendiagram]] | ||
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. | Der Zusammenhang von 2 Merkmalen kann in Linienform dargestellt werden, 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 | Beispiel für die Verwendung: Menge an getrunkenem Bier zu gelaufener Strecke ohne hinzufallen | ||
===Balkendiagramm=== | ===Balkendiagramm und Sauelendiagramm=== | ||
[[File:CourseVisualisation_Barchart.png|Balkendiagramm]] | [[File:CourseVisualisation_Barchart.png|thumb|64px|Balkendiagramm]] | ||
Zusammenhang von 2 Merkmalen. Eines der beiden Merkmale sollte eine Einteilung in Kategorien haben, das andere kontinuierlich sein. | Zusammenhang von 2 Merkmalen. Eines der beiden Merkmale sollte eine Einteilung in Kategorien haben, das andere kontinuierlich sein. | ||
Das Balkendiagramm stellt dabei Datenreihen als waagerecht liegende Balken dar, und das Säulendiagramm als nebeneinander aufgereihte senkrechte Säulen. | |||
Beispiel für die Verwendung: getrunkene Liter | Beispiel für die Verwendung: getrunkene Liter verschiedener Limonadensorten | ||
===Kuchendiagramm=== | ===Kuchendiagramm=== | ||
[[File:CourseVisualisation_Piechart.png|Kuchendiagramm]] | [[File:CourseVisualisation_Piechart.png|thumb|64px|Kuchendiagramm]] | ||
Darstellungsform für Teilwerte eines Ganzen als Teile eines Kreises. | Ist die Darstellungsform für Teilwerte eines Ganzen als Teile eines Kreises. Wird häufig zur Darstellung von Verteilungen und Anteilen genutzt. Um jeweilige Sektoren leicht zu unterscheiden, kann man Farbe, Muster oder Schattierungen verwenden. | ||
Kuchendiagramme sollten nur zur Angabe von Prozentwerten und Anteilen verwendet werden. | Kuchendiagramme sollten nur zur Angabe von Prozentwerten und Anteilen verwendet werden. | ||
==Nachvollziehbarkeit== | ==Nachvollziehbarkeit== | ||
AUFGABE: Ihr kauft von | AUFGABE: Ihr kauft von einem Handelspartner Pomelos für eure 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? | ||
[[File:CourseVisualisation_noLables.png]] | [[File:CourseVisualisation_noLables.png]] | ||
Ohne eine klare Beschriftung ist nicht klar was das | Ohne eine klare Beschriftung ist nicht klar, was das Diagramm überhaupt darstellen soll. Deshalb ist es wichtig, dass du deine Diagramme beschriftest: | ||
* | * Was wurde gemessen? | ||
* In welcher Einheit? | * In welcher Einheit? | ||
* Was für ein Zusammenhang in dem Diagramm dargestellt? | * Was für ein Zusammenhang wird in dem Diagramm dargestellt? | ||
Aufgabe: Das sind die | Aufgabe: Das sind die Originaldaten | ||
'''Verkaufte Liter der Sorte Pomelo-Physalis''' | |||
{| {{table}} | |||
| align="center" style="background:#f0f0f0;"|'''Jahr''' | |||
| align="center" style="background:#f0f0f0;"|'''2005''' | |||
| align="center" style="background:#f0f0f0;"|'''2006''' | |||
| align="center" style="background:#f0f0f0;"|'''2007''' | |||
| align="center" style="background:#f0f0f0;"|'''2008''' | |||
| align="center" style="background:#f0f0f0;"|'''2009''' | |||
| align="center" style="background:#f0f0f0;"|'''2010''' | |||
| align="center" style="background:#f0f0f0;"|'''2011''' | |||
| align="center" style="background:#f0f0f0;"|'''2012''' | |||
| align="center" style="background:#f0f0f0;"|'''2013''' | |||
|- | |||
| Verkaufte Liter||5000||5500||6000||6800||8000||10000||13000||16500||20000 | |||
|- | |||
| | |||
|} | |||
überarbeite das Diagramm für den Verkauf von Pomelo-Physalis-Limo um erschließbar zu machen, was dargestellt | überarbeite das Diagramm für den Verkauf von Pomelo-Physalis-Limo um erschließbar zu machen, was dargestellt wird und wie! [[#L.C3.B6sung_Nachvollziehbarkeit|Lösung]] | ||
==Grafische Gestaltung== | ==Grafische Gestaltung== | ||
AUFGABE: | AUFGABE: | ||
In der Limonadenfirma, für die du arbeitest, gibt es schon ein paar Diagramme. | |||
- Das obere Diagramm zeigt, wie sich die verschiedenen Limonadensorten verkauft haben. | |||
- Das untere Diagramm zeigt den Anteil der Kunden, die Sip-It (Rucola) weiterempfehlen würden. | |||
Was ist das Problem an diesen Grafiken? | |||
[[File:Visualizing_Fancy_LemonadeComparsion1.png|400px|Vergleich der Verkaufszahlen (in Litern) von Limonadensorten]] | |||
Aufgabe: Was wäre das in der Grafik oben? | [[File:Visualizing_Fancy_LemonadeRecommendation.png|400px|Prozentzahlen der Personen die Sip-It weiterempfehlen würden]] | ||
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, das nicht zum besseren Verständnis der Daten beiträgt, 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 | Sehr einleuchtend ist es, die dekorierenden Grafiken loszuwerden. Aber auch | ||
scheinbar funktionstragende Elemente können entfernt werden: | scheinbar funktionstragende Elemente können entfernt werden: Das Gittermuster im Hintergrund lenkt vom Inhalt ab und kann zurückgenommen werden. | ||
Aufgabe: | Aufgabe: | ||
* Gestalte diese Diagramme so um | * Gestalte diese Diagramme so um, dass sie nur noch Elemente enthalten, die zum Verständnis der Daten beitragen. [[#L.C3.B6sung_Gestaltung|Lösung]] | ||
* Finde Beispiele für Diagramme und | * Finde Beispiele für verschiedene Diagramme (besuche dafür die unten aufgeführten Internetlinks oder Diagramme, die dir in Zeitungen oder Zeitschriften aufgefallen sind) und diskutiere in einer Gruppe von 3-4 Personen, welche Elemente zum Verständnis beitragen und welche nicht. | ||
http://www.sealthreinhold.com/tuftes-rules/rule_one.php | |||
https://en.wikipedia.org/wiki/Misleading_graph | |||
http://www.datavis.ca/gallery/index.php | |||
http://www.brainpickings.org/index.php/2011/03/08/the-transformer-isotype/ | |||
Veranschaulicht eure Ergebnisse angemessen. | |||
==Irreführende Darstellungen== | ==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. | 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. | ||
===Beispiele für Verzerrende Darstelungen=== | |||
===Achsen verzerren=== | ====Achsen verzerren==== | ||
* die Achsen länger gemacht werden (Unterschiede wirken größer) [[File:CourseVisualisation_ComparsionLengthendAxis.png]] | * die Achsen länger gemacht werden (Unterschiede wirken größer) [[File:CourseVisualisation_ComparsionLengthendAxis.png]] | ||
* Die Achsen gestaucht werden (Unterschiede wirken kleiner) [[File:CourseVisualisation_ComparsionShortenedAxis.png]] | * Die Achsen gestaucht werden (Unterschiede wirken kleiner) [[File:CourseVisualisation_ComparsionShortenedAxis.png]] | ||
* Die Achsen nicht bei 0, sondern bei einem anderen Wert beginnen (Unterschiede wirken größer) [[File:CourseVisualisation_ComparsionCutAxis.png]] | * Die Achsen nicht bei 0, sondern bei einem anderen Wert beginnen (Unterschiede wirken größer) [[File:CourseVisualisation_ComparsionCutAxis.png]] | ||
===Grafiken irreführend skalieren=== | ====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]] | 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=== | ====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. | 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. | ||
[[File:CourseVisualisation_Comparsion3D2D.png]] | [[File:CourseVisualisation_Comparsion3D2D.png]] | ||
===Aufgabe=== | |||
[[File:CourseVisualisation_skewedVis_CuttedAxis.png|none|frame|Verkaufszahlen von rechteckigen Flaschen in Stück pro Jahr]] | |||
[[File:CourseVisualisation_skewedVis_3DGraphic.png|none|frame|Marktanteil von rechteckigen Flaschen im Jahr 2013]] | |||
Rechteckige Flaschen scheinen voll im Trend zu sein – behauptet zumindest eine Studie, die euch von einem Flaschenhersteller zugesendet wurde: | Rechteckige Flaschen scheinen voll im Trend zu sein – behauptet zumindest eine Studie, die euch von einem Flaschenhersteller zugesendet wurde: | ||
Werte die beiden Diagramme aus, beziehe dazu die Tabellendaten mit ein. | |||
{| {{table}} | |||
| align="center" style="background:#f0f0f0;"|'''Jahr''' | |||
| align="center" style="background:#f0f0f0;"|'''2009''' | |||
| align="center" style="background:#f0f0f0;"|'''2010''' | |||
| align="center" style="background:#f0f0f0;"|'''2011''' | |||
| align="center" style="background:#f0f0f0;"|'''2012''' | |||
| align="center" style="background:#f0f0f0;"|'''2013''' | |||
|- | |||
| Verkauf||120000||135000||148000||150000||158000 | |||
|- | |||
| | |||
|} | |||
{| {{table}} | |||
| align="center" style="background:#f0f0f0;"|'''rund''' | |||
| align="center" style="background:#f0f0f0;"|'''rechteckig''' | |||
|- | |||
| 76%||24% | |||
|- | |||
| | |||
|} | |||
Du erstellst die Grafiken neu, um deinem Chef eine objektive Einschätzung zu ermöglichen, ob auf rechteckige Flaschen umgestiegen werden soll. [[#L.C3.B6sung_Irref.C3.BChrung|Lösung]] Wie glaubst du wird er sich entscheiden? | |||
==Lösungen== | |||
===Lösung Warum Diagramme?=== | |||
[[File:LimoVsKakao.png]] | |||
===Lösung Nachvollziehbarkeit=== | |||
[[File:chart_noDescription_better.png|400px|]] | |||
===Lösung Gestaltung=== | |||
[[File:Visualizing_Better_LemonadeComparsion1.png|400px|Vergleich der Verkaufszahlen (in Litern) von Limonadensorten]] | |||
[[File:Visualizing_Better_LemonadeRecommendation.png|400px|Prozentzahlen der Personen die Sip-It Rucola weiterempfehlen würden]] | |||
===Lösung Irreführung=== | |||
[[File:bottles_axisCutted_improved.png|none|frame|Verkaufszahlen von rechteckigen Flaschen in Stück pro Jahr]] | |||
[[File:Skewed_3DPie_improved.png|none|frame|Marktanteil von rechteckigen Flaschen im Jahr 2013]] | |||
==Lizenz== | |||
[https://creativecommons.org/choose/metadata.xmp?field_commercial=y&field_derivatives=y&field_jurisdiction=de&field_worktitle=Kurs%20Visualisierung&field_attribute_to_url=http://www.uni-weimar.de/medien/wiki/Kurs_Visualisierung http://i.creativecommons.org/l/by/3.0/de/88x31.png] licensed under a [http://creativecommons.org/licenses/by/3.0/de/deed.en_US Creative Commons Attribution 3.0 Germany] License. |
Latest revision as of 12:22, 1 August 2013
Kurzbeschreibung
Eine Einführung in die Darstellung von Daten, die sich in Zahlen ausdrücken lassen.
Warum Diagramme?
Visualisierungen oder Diagramme sind dir vielleicht aus der Zeitung oder aus den Nachrichten bekannt: Wie stark die Wirtschaft eines Landes wächst, oder wie hoch 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.
Wenn aber Diagramme auf Zahlen basieren, warum solltest du daraus ein Diagramm erstellen wollen? Schließlich wäre das zusätzliche Arbeit, und die Zahlen sind das genaueste was du hast!
Stell dir vor, du bist bei der Limonadenfirma SipIt angestellt. Du willst wissen, ob die Firma wächst und Jahr für Jahr mehr Limonadenflaschen verkauft. Dazu hast du diese Zahlen, die dir zeigen, wie viel die Firma verdient. Du wüsstest auch gerne, ob die Firma im Vergleich zur Konkurrenz, der Firma CHUCKthat gut ist –
Firma | 2000 | 2001 | 2002 | 2003 | 2004 | 2005 | 2006 | 2007 | 2008 | 2009 | 2010 | 2011 | 2012 | 2013 |
SipIt | 150000 | 160000 | 165000 | 180000 | 210000 | 215000 | 210000 | 230000 | 220000 | 220000 | 240000 | 245000 | 250000 | 260000 |
Chuck-that | 200000 | 230000 | 235000 | 245000 | 245000 | 260000 | 275000 | 294000 | 305000 | 260000 | 240000 | 220000 | 225000 | 230000 |
Gewinn (in €) pro Jahr
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 visualisierst, also z.B. ein höheres Ergebnis durch einen höheren Balken darstellst?
- Um ein Darstellung als Diagramm auszuprobieren, erstelle ein Linien-Diagramm aus den Zahlen in der folgenden Tabelle! Lösung
' | Januar | Februar | März | April | Mai | Juni | Juli | August | September | Oktober | November | Dezember |
Limo | 5000 | 4800 | 6000 | 9000 | 14000 | 20000 | 30000 | 32000 | 20000 | 10000 | 4000 | 4000 |
Kakao | 8500 | 7500 | 5000 | 4500 | 2000 | 1100 | 1000 | 1200 | 1500 | 2000 | 4000 | 8000 |
Getrunkene Liter des Getränkes pro Monat.
Du kannst z.B. Diagramme mit Programmen wie Excel, Calc oder Illustrator erstellen. Du kannst ein Diagramm auch mit Stift und Lineal zeichnen.
Was kannst du aus den dargestellten Daten schliessen?
Diagrammtypen
Es gibt verschiedene Arten von Visualisierungen. Hier eine Übersicht.
Liniendiagramm
Der Zusammenhang von 2 Merkmalen kann in Linienform dargestellt werden, 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 getrunkenem Bier zu gelaufener Strecke ohne hinzufallen
Balkendiagramm und Sauelendiagramm
Zusammenhang von 2 Merkmalen. Eines der beiden Merkmale sollte eine Einteilung in Kategorien haben, das andere kontinuierlich sein. Das Balkendiagramm stellt dabei Datenreihen als waagerecht liegende Balken dar, und das Säulendiagramm als nebeneinander aufgereihte senkrechte Säulen.
Beispiel für die Verwendung: getrunkene Liter verschiedener Limonadensorten
Kuchendiagramm
Ist die Darstellungsform für Teilwerte eines Ganzen als Teile eines Kreises. Wird häufig zur Darstellung von Verteilungen und Anteilen genutzt. Um jeweilige Sektoren leicht zu unterscheiden, kann man Farbe, Muster oder Schattierungen verwenden. Kuchendiagramme sollten nur zur Angabe von Prozentwerten und Anteilen verwendet werden.
Nachvollziehbarkeit
AUFGABE: Ihr kauft von einem Handelspartner Pomelos für eure 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 Diagramm überhaupt darstellen soll. Deshalb ist es wichtig, dass du deine Diagramme beschriftest:
- Was wurde gemessen?
- In welcher Einheit?
- Was für ein Zusammenhang wird in dem Diagramm dargestellt?
Aufgabe: Das sind die Originaldaten
Verkaufte Liter der Sorte Pomelo-Physalis
Jahr | 2005 | 2006 | 2007 | 2008 | 2009 | 2010 | 2011 | 2012 | 2013 |
Verkaufte Liter | 5000 | 5500 | 6000 | 6800 | 8000 | 10000 | 13000 | 16500 | 20000 |
überarbeite das Diagramm für den Verkauf von Pomelo-Physalis-Limo um erschließbar zu machen, was dargestellt wird und wie! Lösung
Grafische Gestaltung
AUFGABE: In der Limonadenfirma, für die du arbeitest, gibt es schon ein paar Diagramme.
- Das obere Diagramm zeigt, wie sich die verschiedenen Limonadensorten verkauft haben.
- Das untere Diagramm zeigt den Anteil der Kunden, die Sip-It (Rucola) weiterempfehlen würden.
Was ist das Problem an diesen Grafiken?
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, das nicht zum besseren Verständnis der Daten beiträgt, 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: Das Gittermuster im Hintergrund lenkt vom Inhalt ab und kann zurückgenommen werden.
Aufgabe:
- Gestalte diese Diagramme so um, dass sie nur noch Elemente enthalten, die zum Verständnis der Daten beitragen. Lösung
- Finde Beispiele für verschiedene Diagramme (besuche dafür die unten aufgeführten Internetlinks oder Diagramme, die dir in Zeitungen oder Zeitschriften aufgefallen sind) und diskutiere in einer Gruppe von 3-4 Personen, welche Elemente zum Verständnis beitragen und welche nicht.
http://www.sealthreinhold.com/tuftes-rules/rule_one.php
https://en.wikipedia.org/wiki/Misleading_graph
http://www.datavis.ca/gallery/index.php
http://www.brainpickings.org/index.php/2011/03/08/the-transformer-isotype/
Veranschaulicht eure Ergebnisse angemessen.
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.
Beispiele für Verzerrende Darstelungen
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:
Werte die beiden Diagramme aus, beziehe dazu die Tabellendaten mit ein.
Jahr | 2009 | 2010 | 2011 | 2012 | 2013 |
Verkauf | 120000 | 135000 | 148000 | 150000 | 158000 |
rund | rechteckig |
76% | 24% |
Du erstellst die Grafiken neu, um deinem Chef eine objektive Einschätzung zu ermöglichen, ob auf rechteckige Flaschen umgestiegen werden soll. Lösung Wie glaubst du wird er sich entscheiden?
Lösungen
Lösung Warum Diagramme?
Lösung Nachvollziehbarkeit
Lösung Gestaltung
Lösung Irreführung
Lizenz
licensed under a Creative Commons Attribution 3.0 Germany License.