-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (38 loc) · 1.51 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <!--<![endif]-->
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>2024 UK Election</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="chart">
<h1>UK Election Results, 2024</h1>
<p>
<strong>The 2024 UK election results are in!</strong> <br/>The following chart shows the
number of seats won by each party in the House of Commons. Hover over to see the constituency name and then click the square to see the full results.
</p>
<svg id="svg" width="600" height="600"></svg>
</div>
<div id="tooltip" style="position: absolute; display: none;"></div>
<div id="legend"></div>
<div id="slide-out-panel" class="slide-panel">
</div>
</div>
<!--[if lt IE 7]>
<p class="browsehappy">
You are using an <strong>outdated</strong> browser. Please
<a href="#">upgrade your browser</a> to improve your experience.
</p>
<![endif]-->
<script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
<script src="election.js" async defer></script>
</body>
</html>