This repository has been archived by the owner on Jun 28, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
vis3.html
55 lines (46 loc) · 2.96 KB
/
vis3.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The FIFA Story</title>
<!-- linking stylesheet -->
<link rel="stylesheet" href="./static/styles.css">
<!-- linking d3.js -->
<script src="https://d3js.org/d3.v6.min.js"></script>
<!-- linking fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Anton&display=swap">
<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=Permanent+Marker&display=swap" rel="stylesheet">
</head>
<body style="overflow-y: auto;">
<div id="main_div">
<div id="top_bar">The FIFA Story</div>
<div class="graph_titles">Top Goal Scoring Nations</div>
<div id="bar_race_chart" height="700">
<iframe width="100%" height="733" frameborder="0"
src="https://observablehq.com/embed/c7e796558b4c7fe4@3127?cells=viewof+keyframe%2Cchart"></iframe>
</div>
<div class="inference-card">
<h2 class="inference-title">Inference</h2>
<p class="inference-text">Bar Race charts are one of the most impressive and interactive charts out there
providing visualisation that creates sense of competitiveness. Not only this but the chart also provides
interactability by giving the power of choice of controlling the time axis to the user. This chart right
here clearly shows about the number of goals scored by each country over the years in FIFA.</p>
<p class="inference-text">We can infer from this graph certain things like the primary leader currently till
2014 dataset is Brazil with 225 goals. Moreover, no other country is that close to Brazil right now with
Argentina running up at 133 goals only. This talks about the performace of the Brazil national team in
big words as to how they are highly efficient in converting their opportunities to goals</p>
<p class="inference-text">Another type of inference that we can make is by using the time stop
functionality. We can notice patterns or trends that are linked with real world time zone like World War
time or etc. For eg. we see that there were no FIFA during WW2 time. And then, the Brazilian team made
post WW2 was the one that created one of the major diffferences in number of goals by scoring sheer
massive 22 goals in just one season and thus taking a large lead!!!!</p>
</div>
<button onclick="window.location.href = 'vis4.html';"
style="font-size: 20px; padding: 10px 20px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer;">Go
to Zoomable Packing of Cup Winners</button>
</div>
</body>
</html>