-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
123 lines (109 loc) · 6.11 KB
/
Copy pathindex.html
File metadata and controls
123 lines (109 loc) · 6.11 KB
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Addressing Social Engineering attacks using machine Learning Algorithms">
<title>Addressing Social Engineering attacks using machine Learning Algorithms</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- Prism.js for Code Highlighting -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="app-container">
<!-- Sidebar Navigation -->
<nav class="sidebar glass-panel">
<div class="logo">
<h2>Analysis<span>Dashboard</span></h2>
<p>Social Engineering Dataset</p>
</div>
<ul class="nav-links">
<li class="active" data-tab="dashboard">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="9"></rect><rect x="14" y="3" width="7" height="5"></rect><rect x="14" y="12" width="7" height="9"></rect><rect x="3" y="16" width="7" height="5"></rect></svg>
Dashboard
</li>
<li data-tab="code">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
Source Code
</li>
</ul>
</nav>
<!-- Main Content Area -->
<main class="main-content">
<header class="topbar">
<h1>Addressing Social Engineering attacks using machine Learning Algorithms</h1>
<p>Exploratory Data Analysis and Feature Assessment</p>
</header>
<!-- Dashboard View -->
<section id="dashboard" class="view-section active">
<div class="grid-container">
<div class="card glass-panel fade-in" style="--delay: 0.1s">
<h3>Missing Values Analysis</h3>
<p>Total missing values exactly 0 across all features.</p>
<div class="img-container">
<img src="EDA_Reports/figures/05_missing_values.png" alt="Missing Values Chart" loading="lazy">
</div>
</div>
<div class="card glass-panel fade-in" style="--delay: 0.2s">
<h3>Proxy Target Distribution</h3>
<p>Distribution mapped using SSLfinal_State (Phishing vs Legitimate proxy).</p>
<div class="img-container">
<img src="EDA_Reports/figures/06_class_distribution.png" alt="Class Distribution" loading="lazy">
</div>
</div>
<div class="card glass-panel fade-in" style="--delay: 0.3s">
<h3>Feature Correlation Heatmap</h3>
<p>Linear relationships between different web features.</p>
<div class="img-container">
<img src="EDA_Reports/figures/01_correlation_heatmap.png" alt="Correlation Heatmap" loading="lazy">
</div>
</div>
<div class="card glass-panel fade-in" style="--delay: 0.4s">
<h3>Value Distribution</h3>
<p>Prevalence of Phishing (-1), Suspicious (0), and Legitimate (1) values.</p>
<div class="img-container">
<img src="EDA_Reports/figures/02_value_distribution.png" alt="Value Distribution" loading="lazy">
</div>
</div>
<div class="card glass-panel fade-in" style="--delay: 0.5s">
<h3>PCA Projection</h3>
<p>2-dimensional projection via PCA identifying natural clustering.</p>
<div class="img-container">
<img src="EDA_Reports/figures/03_pca_projection.png" alt="PCA Projection" loading="lazy">
</div>
</div>
<div class="card glass-panel fade-in" style="--delay: 0.6s">
<h3>Top Variant Features</h3>
<p>Features holding the most informational weight for predictive modeling.</p>
<div class="img-container">
<img src="EDA_Reports/figures/04_top_feature_variances.png" alt="Feature Variances" loading="lazy">
</div>
</div>
</div>
</section>
<!-- Code View -->
<section id="code" class="view-section hidden">
<div class="card glass-panel code-card">
<div class="code-header">
<h3>eda.py</h3>
<a href="eda.py" download class="btn-download">Download Script</a>
</div>
<pre><code class="language-python" id="code-block">Loading code...</code></pre>
</div>
</section>
</main>
</div>
<!-- The Modal for Image Lightbox -->
<div id="imageModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="expandedImg">
<div id="caption"></div>
</div>
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
<script src="script.js"></script>
</body>
</html>