Beispiele mit zweibarchart

Umsatzvergleich

zweibarchart is missing css file!

Umsätze 2009
1 2 3 4 5 6 7 8 9 10 11 12
5
10
15
20
25
30
35
40
45
50
55
60
65
70
75
0
T€
 

zweibarchart is missing css file!

Umsätze 2010
1 2 3 4 5 6 7 8 9 10 11 12
5
10
15
20
25
30
35
40
45
50
55
60
65
70
75
0
T€
 

Zwei Jahresstatistiken, bei denen die Skalierung der Ordinate durch Angabe des gemeinsamen Maximalwerts identisch ist. Dieser kann mit der Funktion zbc_get_maxposval() ermittelt werden.

Anhand der Mittelwertlinie erkennt man über- und unterdurchschnittliche Monate und die leichte Steigerung im zweiten Jahr. Die genauen Werte erfährt man bei dieser Darstellung durch Überfahren mit dem Mauszeiger.

Die Differenz der beiden Jahre

zweibarchart is missing css file!

Differenz 2010-2009
2,1 1 -0,6 2 -2 3 2,3 4 3,1 5 4,4 6 0,4 7 2,1 8 0,8 9 1,2 10 2,9 11 5,4 12
1
2
3
4
5
0
-1
-2
T€
 

Das Datenarray enthält die Differenz beider Datenarrays aus dem vorigen Beispiel. Die Balkenfärbung entsteht hier durch eine zweifarbige Grafik plusminus.png.

Umsatzsteigerung (Version für den Vorstandsbericht)

zweibarchart is missing css file!

Steigerung 2010
2,1 0 1 2 2,3 3 3,1 4 4,4 5 0,4 6 2,1 7 0,8 8 1,2 9 2,9 10 5,4 11 → Monat
T€ ↑

Hier nochmals die Differenz beider Datenarrays. Die negativen Werte wurden diskret unterschlagen ...

Häufigkeit der Buchstaben A-Z

zweibarchart is missing css file!

Buchstabenhäufigkeit im Quelltext dieser Seite
965 a 269 b 414 c 366 d 1211 e 210 f 172 g 373 h 637 i 39 j 116 k 456 l 181 m 519 n 346 o 228 p 10 q 958 r 618 s 453 t 284 u 131 v 204 w 38 x 97 y 139 z
100
200
300
400
500
600
700
800
900
1000
1100
1200
0
GROSS=klein

Ein Beispiel, wie man dynamisch ermittelte Daten einfach visualisieren kann. Der leichte Farbverlauf entsteht durch Angabe von zwei Farbwerten: array("#090", "#ac0")

Wahlergebnisse

zweibarchart is missing css file!

Landtagswahl BaWü 2006
44,2 CDU 11,7 Grüne 25,2 SPD 10,7 FDP 3,1 Linke 4,5 Sonst
5 %
10 %
15 %
20 %
25 %
30 %
35 %
40 %
0 %

zweibarchart is missing css file!

Landtagswahl BaWü 2011
39 CDU 24,2 Grüne 23,1 SPD 5,3 FDP 2,8 Linke 5,6 Sonst
5 %
10 %
15 %
20 %
25 %
30 %
35 %
40 %
0 %

zweibarchart is missing css file!

Landtagswahl 2011 +/-
-5,2 CDU 12,5 Grüne -2,1 SPD -5,4 FDP -0,3 Linke 1,1 Sonst
2 %
4 %
6 %
8 %
10 %
12 %
0 %
-2 %
-4 %

Bei den beiden ersten Diagrammen ist die Skalierung der Ordinate durch Angabe des gemeinsamen Maximalwerts beider Datenarrays identisch. Das dritte Diagramm entsteht aus der Differenz der beiden Datenarrays. Hier erfolgt die Skalierung der Ordinate automatisch.

Schulnotenverteilung

zweibarchart is missing css file!

Notenspiegel 12. Klasse
1 15 0 14 4 13 8 12 5 11 12 10 10 9 7 8 6 7 3 6 4 5 1 4 2 3 1 2 0 1 0 0 Pkt.
1
2
3
4
5
6
7
8
9
10
11
12
0

Jede Schulnote (0 - 15 Punkte) bekommt durch den Farbverlauf array("#0c0", "#ff5", "#f00") (grün, gelb, rot) eine eigene Farbe.

Gartenbesucher

zweibarchart is missing css file!

Alle Vögel sind schon da ...
21 A 3 B 24 C 35 D 24 E 2 F 4 G 11 H 29 I 4 J
5
10
15
20
25
30
35
0
A:Amsel B:Drossel C:Fink D:Star E:Meise F:Wiedehopf G:Pirol H:Buchfink I:Sperling J:Sonstige

Hier sieht man den Einsatz einer Legende für die Abszisse.

Wissenschaftlicher Reihentest

zweibarchart is missing css file!

Semipostreziproker Assimilationskoeffizient
0,543 0,143 0,652 0,558 0,431 0,793 0,634 0,352 0,648 0,479
0,1
0,2
0,3
0,4
0,5
0,6
0,7
0
 
 Anton  Berta  Cäsar  Dora  Emil  Friedrich  Gustav  Heinrich  Ida  Julius

Bei leicht unterscheidbaren Farben ist eine bunte Legende gut lesbar.

Preisindex

zweibarchart is missing css file!

Preisindex 2004 - 2007
1/2004 1/2005 1/2006 1/2007
1 %
2 %
3 %
0 %
 
Quelle: Statistisches Bundesamt

Auch ein größerer Datensatz lässt sich mit zweibarchart anschaulich bändigen. Um nicht jede Säule und jede Linie zu beschriften, werden Teiler verwendet (Abszisse: -12, Ordinate: -5)

Trigonometrische Kurve

zweibarchart is missing css file!

y = sin(x) - cos(2.5 * x)
0 45 90 135 →x
0,2
0,4
0,6
0,8
1
1,2
1,4
1,6
1,8
0
-0,2
-0,4
-0,6
-0,8
-1
-1,2
-1,4
-1,6
-1,8
y↑

Viele Daten, minimal schmale Balken ohne Abstand (Histogramm); sicherlich in der Praxis ein Grenzfall, aber nett anzuschauen.

Audiospektrum

zweibarchart is missing css file!

30 60 125 250 500 1k 2k 4k 8k 16k Hz
VU

Auch eine LED-Matrix ist letztlich ein Säulendiagramm.

Datum und Uhrzeit

zweibarchart is missing css file!

Beim nächsten Ton ist es ...
2 T 5 T 0 M 7 M 2 J 0 J 1 J 7 J 1 St 8 St 3 Mi 3 Mi 1 Se 9 Se

Ein kleiner Spaß für Sammler von merkwürdigen Uhren und Kalendern.

Und natürlich das zweibarchart-Logo

zweibarchart is missing css file!

zweibarchart  

Beispiele mit zweibarstack

Umsatz mit Warengruppen

zweibarstack is missing css file!

Umsatz Supermarkt
15 10 18 25 9 6 Jan 14 12 16 26 8 9 Feb 15 15 15 24 6 10 Mrz 13 20 16 25 12 Apr 14 19 14 27 5 6 Mai 15 17 15 26 5 6 Jun 15 17 14 24 5 5 Jul 14 18 12 24 4 9 Aug 15 15 13 25 5 10 Sep 13 15 15 23 6 12 Okt 14 10 15 24 7 14 Nov 15 11 15 25 7 18 Dez
10
20
30
40
50
60
70
80
90
0
T€
 
 Nonfood  Obst/Gemüse  Backwaren  Mich/Käse  Konserven/TK  Süßwaren
 
Quelle: frei erfunden

Die gestapelten Teilsäulen enthalten die Warengruppen. Die Farben erzeugt der Default-Farbverlauf (Parameter leer). Die Legende wird automatisch erzeugt. Die Daten werden direkt aus der Datei supermarkt.csv gelesen.

Marktanteile über mehrere Jahre (gestapelt)

zweibarstack is missing css file!

Marktverbreitung Web-Browser
2001 2002 2003 2004 2005 2006 2007 2008 2009 2010
10
20
30
40
50
60
70
80
90
100
0
%
 Internet Explorer  Netscape  Mozilla  Opera  Firefox  Safari  Chrome  Diverse
 
Quelle: itcouldhavebeenso.com

Browser kommen, Browser gehen: Über die Jahre gesehen enthalten die Säulen unterschiedliche Komponenten.

Beispiele mit zweibargroup

Eierbilanz

zweibargroup is missing css file!

Im Hühnerhof geht's rund. Und die Hennen legen fleißig.
20 20 19 25 19 28 Januar 22 19 16 26 18 29 Februar 23 17 15 24 16 29 März 24 19 16 25 13 24 April 25 21 14 27 12 22 Mai 27 22 12 26 14 20 Juni '11
2
4
6
8
10
12
14
16
18
20
22
24
26
28
0
Eier
 
 Amanda  Berta  Cäcilia  Dörte  Emilie  Frieda  Gustav
 
Quelle: gaaaak!

Jede Henne (plus Hahn) erhält eine eigene Farbe. Die Farben erzeugt der Default-Farbverlauf (Parameter leer). Die Legende wird automatisch erzeugt. Die Daten werden direkt aus der Datei huehnerhof.csv gelesen.

Marktanteile über mehrere Jahre (gruppiert)

zweibargroup is missing css file!

Marktverbreitung Web-Browser
2001 2002 2003 2004 2005 2006 2007 2008 2009 2010
10
20
30
40
50
60
70
80
90
100
0
%
 Internet Explorer  Netscape  Mozilla  Opera  Firefox  Safari  Chrome  Diverse
 
Quelle: itcouldhavebeenso.com

Auch für zweibargroup müssen nicht alle Werte im Datenarray (oder in der CSV-Datei) gesetzt sein: Über die Jahre gesehen erscheinen neue Browser und alte Browser verschwinden.

Wähler/Nichtwähler

zweibargroup is missing css file!

Bundestagswahlen 1990-2013 unter Berücksichtigung der Nichtwähler
22,2 34 26 8,5 4 1,9 3,3 1990 21 32,7 28,8 5,5 5,8 3,5 2,8 1994 17,8 28,9 33,6 5,2 5,5 4,2 4,8 1998 20,9 30,5 30,5 5,9 6,8 3,2 2,4 2002 22,3 27,7 26,7 7,6 6,3 6,8 3 2005 29,2 23,9 16,3 10,3 7,6 8,4 4,2 2009 28,5 29,7 18,4 3,4 6 6 7,9 2013
5 %
10 %
15 %
20 %
25 %
30 %
35 %
40 %
0 %
 Nichtwähler  CDU/CSU  SPD  FDP  B90/Grüne  PDS/Linke  Andere

Wahlerfolge einer weiteren "Partei", die der Nichtwähler. Die Daten werden direkt aus der Datei btwahlen.csv gelesen.

Und Ihre Beispiele? Bitte senden an post@zweidraht.de

Kribbeln die Finger? Dann schnell zum Live-Test.