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
972
a
268
b
433
c
374
d
1211
e
213
f
188
g
386
h
659
i
47
j
116
k
467
l
181
m
533
n
359
o
246
p
10
q
955
r
617
s
471
t
288
u
134
v
204
w
38
x
96
y
139
z
100
200
300
400
500
600
700
800
900
1000
1100
1200
0
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 %
∅
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 ...
1
T
3
T
0
M
2
M
2
J
0
J
2
J
5
J
0
St
4
St
3
Mi
0
Mi
4
Se
6
Se
Ein kleiner Spaß für Sammler von merkwürdigen Uhren und Kalendern.
Und natürlich das zweibarchart-Logo
zweibarchart is missing css file!
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 Milch/Käse Konserven/TK Süßwaren
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
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
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
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.