-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (92 loc) · 4.71 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
<!DOCTYPE html>
<html lang="de">
<head>
<title>Wirtschaftliche Entwicklung in Freiburg</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" href="https://use.typekit.net/zys4sle.css">
<link rel="stylesheet" href="css/leaflet.css"/>
<meta charset="UTF-8">
<script src="https://d3js.org/d3.v6.js"></script>
<script src="https://unpkg.com/d3-simple-slider"></script>
</head>
<body>
<div class="container">
<section class="mainstep">
<div class="maintitle">Wirtschaftliche Entwicklung in Freiburg</div>
Ein Projekt von Maximilian Hauser, Lukas Steinwender und Marcel Greiner
</section>
<div id='graphic'>
<div id='sections'>
<section class="step">
</section>
<section class="step" style="margin-bottom: 150px;">
<div class="step-map">
<div class="title-map">Erfolgreiche Standortentwicklung</div>
Durch Verbesserung der Lebensumstände entwickelte Freiburg sich zu einem lukrativen Standort. Auf der Karte
erhalten sie einen Überblick über die wichtigsten Firmen und Bildungseinrichtungen der Stadt.
<div id="freiburg" style="position: relative; width: 1200px; position: relative;" ></div></div>
</section>
<section class="step">
<div class="title">Anzahl Unternehmen</div>
11.876 Unternehmen hatte Freiburg laut der letzten Datenerfassung 2018. Im Vergleich zu 2006 (11215 Unternehmen) ist das ein leichter Anstieg.
</section>
<section class="step">
<div class="title">Arbeiter in Freiburg</div>
661.204 Menschen leben in Freiburg und Umkreis (Stand 31.12.2019). Davon sind 436.120 im erwerbsfähigen Alter (15 bis 65 Jahre) und davon wiederum sind 267.292 sozialversicherungspflichtig beschäftigt.
</section>
<section class="step">
<div class="title">Arbeitslosenquote</div>
In Freiburg gibt es 15348 Arbeitslose (Jahresdurchschnitt 2020). Berechnet auf Basis aller zivilen Erwerbspersonen macht das eine Quote von 4,1%.
</section>
<section class="step">
<div class="title">Arbeitslosenquote - Entwicklung</div>
2006 war die Arbeitslosenquote in Freiburg mit 9,2% auf einem absoluten Hochpunkt. Seitdem sinkt diese allerdings konstant auf zuletzt 2020 4,1%. Durch den Scroller kann der Graph erweitert oder verfeinert werden.
<div id="slider"></div>
</section>
<section class="step">
<div class="title">Schüler in Freiburg</div>
Auf Basis der Daten für das Schuljahr 2016/2017 gibt es in Freiburg 95 verschiedene Schulen. 33 davon sind privat, 62 öffentlich. Diese Schulen werden von 24.654 Schülern besucht.
</section>
<section class="step" style="margin-bottom: 0px;">
<div class="title">Gymnasiasten</div>
Von den 24.654 Schülern besuchen 8.757 ein Gymnasium. Das bedeutet knapp ein Drittel der Schüler in Freiburg besuchen das Gymnasium.
</section>
<section class="step" style="height: 0px; margin-bottom: 0px;">
</section>
</div>
<div id='vis'>
</div>
</div>
<section class="endstep">
<div class="endtitle">Uni Ulm<br>
Institut für Medieninformatik</div><br>
<b>GdG2 Projekt</b><br>
<b>Sommersemester 2021<br><br>
Gruppenmitglieder:</b><br>
Lukas Steinwender<br>
Max Hauser<br>
Marcel Greiner<br><br>
<b>Betreuer:</b><br>
Prof. Roger Walk<br>
Julius Schürrle<br>
Bernadett Ritter<br><br>
<div class="quellen"><b>Quellen:</b><br>
https://bl.ocks.org/johnwalley/e1d256b81e51da68f7feb632a53c3518 <br>
https://de.statista.com/statistik/daten/studie/1200411/umfrage/entwicklung-der-arbeitslosenquote-in-freiburg/ <br>
https://www.freiburg.de/pb/1366552.html <br>
https://www.arbeitsagentur.de/vor-ort/freiburg/aa-freiburg/statistik <br>
https://de.statista.com/statistik/daten/studie/1224898/umfrage/anzahl-der-unternehmen-in-freiburg/ <br>
https://github.com/vlandham/scroll_demo <br>
https://leafletjs.com/
</div>
</section>
</div>
<script src="lib/d3.js"></script>
<script src="data/grenze.js"></script>
<script src="lib/leaflet.js"></script>
<script src="js/scroller.js"></script>
<script src="js/sections.js"></script>
<script src="js/map.js"></script>
</body>
</html>