-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
29 lines (27 loc) · 1.47 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT Salaries</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
<script type="text/javascript" src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.js"></script>
<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
<link href="./public/main.css" rel="stylesheet">
<script type="text/javascript" src="public/myApp.js"></script>
</head>
<body>
<div id="header"><h1>Comparison of salaries in IT</h1></div>
<div id="description_div">
This visualization shows salary distribution in individual countries around the world based on data from <a href=https://www.kaggle.com/datasets/stackoverflow/stack-overflow-2018-developer-survey>Stack Overflow Developer Survey 2018</a>. All salaries have been converted to monthly income in euros (assuming that month has 4.33 weeks on average) according to the exchange rates from that year. The map shows average salaries, neighbouring violin plot gives more detailed insight for chosen countries.
</div>
<div id="filter_div">
<div id="age_filter_div"></div>
<div id="profession_filter_div"></div>
</div>
<div id="map_div"></div>
<div id="violinplot_div"></div>
<div id="legend_div"></div>
</body>