-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (60 loc) · 3.17 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vi-Trade</title>
<meta name="description" content="TradeVis">
<meta name="author" content="group23">
<!-- CSS Rules -->
<link rel="stylesheet" href="assets/vendor/jquery/jquery-ui-1.12.1/jquery-ui.min.css">
<link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<!-- MODULES CSS GOES HERE -->
<link rel="stylesheet" href="assets/css/map.css">
<link rel="stylesheet" href="assets/css/bar_chart.css">
<link rel="stylesheet" href="assets/css/timeline.css">
<link rel="stylesheet" href="assets/css/line_chart.css">
<link rel="stylesheet" href="assets/css/clev_chart.css">
<!-- JS -->
<script src="assets/vendor/w3schools/w3.js"></script>
<script src="assets/vendor/jquery/jquery-3.2.1.min.js"></script>
<script src="assets/vendor/jquery/jquery-ui-1.12.1/jquery-ui.min.js"></script>
<script src="assets/vendor/bootstrap/js/popper.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/vendor/d3/d3.v3.min.js"></script>
<script src="assets/vendor/topojson/topojson.min.js"></script>
<script src="assets/vendor/datamaps/datamaps.world.hires.min.js"></script>
</head>
<body>
<div class="loader"></div>
<div class="row hidden">
<!-- HTML IS INCLUDED HERE (PREVENTS HTML SPAGHETTI) -->
<div class="col-md-12 timeline" w3-include-html="modules/timeline.html" ></div>
<div class="horizontal-view col-md-12">
<div class="bar-chart_container col-md-3" w3-include-html="modules/bar-chart.html"></div>
<div class="cleveland_dot_plot hide col-md-3" w3-include-html="modules/cleveland_dot_plot.html"></div>
<div class="map_container col-md-9" w3-include-html="modules/map.html"></div>
</div>
<div class="horizontal-view country_view hide col-md-12">
<div style="margin:auto;" class="dot_matrix_chart col-md-4" w3-include-html="modules/dot_matrix_chart.html"></div>
<div style="margin:auto;" class="chart-wrapper line_chart col-md-8" w3-include-html="modules/line_chart.html"></div>
</div>
<div class="description col-md-12">
<div product="Textiles and Clothing" class="selected">Textiles <div class="color textiles"></div></div>
<div product="Wood">Wood <div class="color wood"></div></div>
<div product="Minerals">Minerals <div class="color minerals"></div></div>
<div product="Food Products">Food <div class="color food"></div></div>
<div product="Chemicals">Chemicals <div class="color chemicals"></div></div>
<div product="Plastic or Rubber">Plastic<div class="color plastic"></div></div>
<div product="Animal">Animal <div class="color animal"></div></div>
<div product="Fuels">Fuel <div class="color fuel"></div></div>
<div product="Mach and Elec">Mach <div class="color mach"></div></div>
</div>
</div>
<script src="assets/js/main.js"></script>
<script src="assets/js/bar-chart.js"></script>
<script src="assets/js/timeline.js"></script>
<script src="assets/js/map.js"></script>
<!-- MODULES SCRIPTS GOES HERE -->
</body>
</html>