2020-10-17 21:46:49 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>GeoVis - Project 1</title>
|
2020-10-18 15:32:35 +02:00
|
|
|
<script src="https://www.gstatic.com/charts/loader.js"></script> <!-- Google Charts-->
|
2020-10-18 18:38:22 +02:00
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> <!-- Tree Maps-->
|
2020-10-18 15:32:35 +02:00
|
|
|
<script src="js/tree.js"></script> <!-- Tree Maps-->
|
2020-10-17 21:46:49 +02:00
|
|
|
<script src="script.js"></script>
|
|
|
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
|
|
|
|
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2020-10-18 18:38:22 +02:00
|
|
|
<div class="m-5">
|
2020-10-18 15:32:35 +02:00
|
|
|
<div class="row">
|
2020-10-18 18:38:22 +02:00
|
|
|
<h1 class="col">Aufgabe 1</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<figure class="col-xl-6 col-sm figure border border-primary">
|
|
|
|
|
<div id="piechartYear" class="pr-3"></div>
|
|
|
|
|
<figcaption class="figure-caption">Kreisdiagramm 1</figcaption>
|
|
|
|
|
</figure>
|
|
|
|
|
<figure class="col-xl-6 col-sm figure border border-primary">
|
|
|
|
|
<div id="piechartMonth"></div>
|
|
|
|
|
<figcaption class="figure-caption">Kreisdiagramm 2</figcaption>
|
|
|
|
|
</figure>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
|
<figure class="col figure border border-primary">
|
|
|
|
|
<div id="linechart" class=""></div>
|
|
|
|
|
<figcaption class="figure-caption">Liniendiagramm</figcaption>
|
|
|
|
|
</figure>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
|
<figure class="col figure border border-primary">
|
|
|
|
|
<div id="scatterchart"></div>
|
|
|
|
|
<figcaption class="figure-caption">Punktdiagramm</figcaption>
|
|
|
|
|
</figure>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
|
<figure class="col figure border border-primary">
|
|
|
|
|
<div id="bubblechart"></div>
|
|
|
|
|
<figcaption class="figure-caption">Blasendiagramm</figcaption>
|
|
|
|
|
</figure>
|
2020-10-17 21:46:49 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-10-18 15:32:35 +02:00
|
|
|
<h1 class="m-5">Aufgabe 2</h1>
|
|
|
|
|
<div id="foldermap" class="m-5"></div>
|
2020-10-17 21:46:49 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
