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
/
vis6.html
53 lines (43 loc) · 2.54 KB
/
vis6.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="frame-ancestors https://*.observablehq.com">
<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">Player Comparisions</div>
<div>
<iframe width="100%" height="1000" frameborder="0"
src="https://observablehq.com/embed/8c2b7ae25b3c17cd?cells=viewof+watching%2Clegend%2Cchart"></iframe>
</div>
<div class="inference-card">
<h2 class="inference-title">Inference</h2>
<p class="inference-text">Multiple Parallel coordinates are really helpful when we need to compare numerous
datapoints on more than 1 or 2 attributes. For eg. we are comparing 5 world class players in this chart
not only in their physical terms but also in their scoring records.</p>
<p class="inference-text">Moreover, this chart has been kept deliberately interactive as to give the freedom
of choice for comparision between players to the user. So, if someone only wants to compare results and
records of Messi & Ronaldo then he/she can easily do that by unchecking the other players' checkboxes.
</p>
<p class="inference-text">From this visualisation, we can definitely try to infer that the ratio of goal
scoring per match for Messi is approx 0.44 wihle that for Ronaldo is approx 0.7. Thus making us infer
that Ronaldo's conversion rate to gsuccessful goals is better than Messi. But then again, we see that
Ronaldo is also elder to Messi and has got opportunity to play more matches than Messi when the
comparision is being made thus giving him advantage of more experience.</p>
</div>
</div>
</body>
</html>