-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (103 loc) · 3.84 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="google-site-verification" content="QaIayuWX2J0bKAtbfjLSvywJMeT-k4xZ3_q2fDp53ag" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Radar Diagram: A Python Code for creating radar charts to visualize model performance based on various metrics.">
<meta name="keywords" content="Radar Chart, Spider Chart, Model Performance, Data Visualization, Python, GitHub, Repository">
<title>Radar Diagram</title>
<style>
body {
font-family: 'Helvetica Neue', Arial, sans-serif;
background-color: #e3f2fd;
color: #333;
margin: 0;
padding: 0;
}
.container {
width: 90%;
margin: auto;
overflow: hidden;
}
header {
background: #1565c0;
color: #fff;
padding: 20px 0;
text-align: center;
border-bottom: 4px solid #fbc02d;
}
header a {
color: #fbc02d;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}
header ul {
padding: 0;
list-style: none;
text-align: center;
}
header li {
display: inline;
padding: 0 15px;
}
.showcase {
background: #42a5f5;
color: #fff;
text-align: center;
padding: 100px 0;
}
.showcase h1 {
font-size: 50px;
margin-top: 0;
}
.showcase p {
font-size: 20px;
}
.content {
padding: 40px 0;
text-align: center;
}
.content h2 {
font-size: 36px;
}
.content p {
font-size: 18px;
line-height: 1.6;
margin: 20px 0;
}
.content a {
color: #fbc02d;
text-decoration: none;
}
.content a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>Radar Chart</h1>
<nav>
<ul>
<li><a href="https://github.com/EbrahimAlwajih/Radar-Chart">GitHub Repository</a></li>
</ul>
</nav>
</div>
</header>
<div class="showcase">
<div class="container">
<h1>Radar Chart</h1>
<p>A Python code for creating radar charts to visualize model performance based on various metrics.</p>
</div>
</div>
<div class="container content">
<h2>About This Code</h2>
<p>A radar chart is a graphical representation used to display multivariate data in the form of a two-dimensional chart. It consists of a central point from which multiple axes radiate outwards, each representing a different variable. The data points for each variable are plotted on these axes and connected to form a polygon. Radar charts are commonly used to compare the performance, characteristics, or attributes of different items or entities, allowing for an intuitive visualization of strengths and weaknesses across multiple dimensions simultaneously. This type of diagram is particularly useful in areas such as performance analysis, project management, and strategic planning.</p>
<p>This repository contains the code for creating radars chart to visualize the performance of various models based on multiple evaluation metrics. The radar charts are generated from a CSV file containing the models' metrics, and the resulting charts are saved as SVG files.</p>
<p>For more details, visit the <a href="https://github.com/EbrahimAlwajih/Radar-Chart">GitHub repository</a>.</p>
</div>
</body>
</html>