-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (142 loc) · 8.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html>
<head>
<title>Österreichs Freiwilligen Tätigkeit</title>
<script src="d3.js"></script>
<script src="d3-color-legend.js"></script>
<script type="module" src="plot_script.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="header">
<div><img src="JKU_Logo.png" style="height: 50px"></div>
<div style="font-size:20pt; font-weight:bold;">Statistik für Freiwilligenarbeit in Österreich für 2022</div>
<div><img src="BMSGPK_Logo.png" style="height: 50px"></div>
</div>
<div class="nav">
<span><a href="#who">WER?</a></span>
<span><a href="#what">WAS?</a></span>
<span><a href="#why">WARUM?</a></span>
</div>
<div class="footer">
[1] <a id="ref1" href="https://www.statistik.at/fileadmin/pages/1872/Freiwilligentaetigkeit_2022_Tabellenband.ods">Freiwilligentaetigkeit_2022_Tabellenband.ods</a><br>
[2] <a id="ref2" href="https://github.com/BauePhil/PR-DataScience-VolunteeringStatistics/raw/a5476cb85e04e786562a06518f152edc9e2ba8cf/data.ods">Aufbereiteter Datensatz</a><br>
Aufbereitet von Philipp Bauer, BSc für Project in Data Science 2023WS an der Johannes Kepler Universität.
</div>
<div class="content">
<!--WHO-->
<div id="who" class="who_explainer">
<div class="explainer_header">Wer ist in Österreich freiwillig tätig?</div>
In diesem Kapitel wird dargestellt, wie sich die Verteilung der Personen die sich freiwillig angagieren zusammensetzt.
Mit Hilfe der Grundgesamtheit kann sich aber gleichzeitig die absolute Anzahl an Personen errechnet werden.
Über verschiedene Arten an Diagrammen soll dargestellt werden, dass einige Verbesserungen an den originalen Diagrammen getätigt werden können.
Obwohl die hier gezeigten Daten im bereitgestellten Datensatz [<a href="#ref1">1</a>] nicht direkt inkludiert sind, konnten diese einfach errechnet werden [<a href="#ref2">2</a>].
Leider befinden sich im bereitgestellten Datensatz lediglich die bereits aufbereiteten Daten, also nicht die ausgefüllten Fragebögen (z.B. annonymisiert).
Mit diesen hätte man noch einiges mehr machen können.
</div>
<div class="selects">
Auswahl der Kategorie:
<select id="category">
<option>Geschlecht</option>
<option>Alter</option>
<option>Staatsbürgerschaft</option>
<option>Teilnahme am Erwerbsleben</option>
<option>Tätigkeit</option>
</select>
<i>(gilt für die nachfolgen Abbildungen dieses Kapitels)</i>
</div>
<div class="barchart">
<div id="barchart"></div>
<div class="figure_text"><b>Abbildung 1.1: Standard Balkendiagram</b> -
Verteilung der Merkmale der ausgewählten Kategorie. (Grundgesamtheit: 3.73 Mio.)</div>
</div>
<div class="piechart">
<div id="piechart"></div>
<div class="figure_text"><b>Abbildung 1.2: Tortendiagram</b> -
Verteilung der Merkmale der ausgewählten Kategorie. (Grundgesamtheit: 3.73 Mio.)</div>
</div>
<div id="stacked_div" class="stacked_barchart">
<div id="stacked_chart_legend"></div>
<div id="stacked_barchart"></div>
<div class="figure_text"><b>Abbildung 2: Gestapeltes Balkendiagram</b> -
Verteilung der Merkmale der ausgewählten Kategorie, gestapelten über die Art der Freiwilligentätigkeit.
(Grundgesamtheit: 3.73 Mio.)</div>
</div>
<div id="sunburst_div" class="sunburst">
<div>Auswahl der Art der Freiwilligen Arbeit:
<select id="sunburst_select">
<option>Gesamt</option>
<option>Nach Freiwilligentätigkeitsform</option>
</select></div>
<div id="sunburst"></div>
<div class="figure_text"><b>Abbildung 3: Zoomable Sunburst</b> -
Interactives Diagramm der Verteilung der ausgewählten Kategorie.
Zusätzlich kann die Gruppierung der Art der Freiwilligenarbeit gewählt werden.
(Grundgesamtheit: 7.55 Mio.)</div>
</div>
<div id="time_linechart_div" class="time_line_chart">
<div id="time_linechart"></div>
<div class="figure_text"><b>Abbildung 4.1: Liniendiagram</b> -
Abbildung der Beteiligungsrate des jeweiligen Merkmals. z.B.: Im Jahr 2014 beteiligten sich 43%
der 15-29 Jährigen an einer Art Freiwilligentätigkeit und die restlichen 57% nicht.
Grundgesamtheit ist die Einwohnerzahl des jeweiligen Jahres</div>
</div>
<div id="time_barchart_div" class="time_bar_chart">
<div id="time_bar_legend"></div>
<div id="time_barchart"></div>
<div class="figure_text"><b>Abbildung 4.2: Gruppiertes Balkendiagram</b> -
Abbildung unterliegt dem selben Datansatz von Abbildung 4.1,
visualisiert dies jedoch in Form eines Balkendiagrams,
wobei die einzelnen Balken die Werte des jewiligen Jahres wiedergeben.</div>
</div>
<!--WHAT-->
<div id="what" class="what_explainer">
<div class="explainer_header">Welche Art von Freiwilligentätigkeit wird durchgeführt?</div>
In diesem Kapitel werden Statistiken zu der Art der verrichteten Freiwilligenarbeit visualisiert.
Es wird in formelle und informelle Freiwilligentätigkeit getrennt, wobei beide jeweils die gleichen Kategorien bieten.
Die befragten konnten dabei mehrere Typen auswählen, wodurch sich die Anteile nicht auf 100% summieren.
</div>
<div class="worktype">
<div class="worktype_select_div">
Auswahl der Kategorie:
<select id="worktype_category_select">
<option>Gesamt</option>
<option>Geschlecht</option>
<option>Alter</option>
<option>Ausbildung</option>
</select>
Auswahl des Tätigkeitstyps:
<select id="worktype_type_select">
<option>Formelle Freiwilligentätigkeit</option>
<option>Informelle Freiwilligentätigkeit</option>
</select>
</div>
<div id="worktype_legend"></div>
<div id="worktype"></div>
<div class="figure_text"><b>Abbildung 5: Gruppiertes Balkendiagram</b> -
Zeigt die Beteiligung an den jewiligen Typen der Freiwilligenarbeit.
Mehrfachnennung möglich, Summe ergibt also nicht 100%. Grundgesamtheit ist 1.95 Mio. formelle
und 2.77 Mio. informelle freiwillig Tätige.</div>
</div>
<!--WHY-->
<div id="why" class="why_explainer">
<div class="explainer_header">Warum entscheiden sich Personen für oder gegen Freiwilligentätigkeit?</div>
In diesem Kapitel visualisieren wir die Gründe, warum sich die befragten Personen entweder für oder gegen Freiwilligenarbeit entschieden haben.
Dabei werden die Ergebnisse nach ansteigender Zustimmung sortiert.
Die letzten Aussagen bilden also die jenigen wobei die befragten Personen am stärksten zugestimmt haben.
</div>
<div class="why">
<div id="why_legend"></div>
<div id="why_yes">Yes</div>
<div class="figure_text"><b>Abbildung 6.1: Divergierendes Gestapeltes Balkendiagram</b> -
Zeigt den Grad der Zustimmung zu den jeweiligen Aussagen warum sich die Personen dazu entscheiden haben
Freiwilligenarbeit auszuüben. (Grundgesamtheit: 2.77 Mio.)</div>
<div id="why_no">No</div>
<div class="figure_text"><b>Abbildung 6.2: Divergierendes Gestapeltes Balkendiagram</b> -
Zeigt den Grad der Zustimmung zu den jeweiligen Aussagen warum befragte Personen
keine Freiwilligenarbeit auszuüben. (Grundgesamtheit: 4.78 Mio.)</div>
</div>
</div>
</div>
</html>