index.html
<!DOCTYPE html>
<html>
<head>
<title>Psuedo Spider Chart</title>
<link
rel="preconnect"
href="https://fonts.gstatic.com"
/>
<link
href="https://fonts.googleapis.com/css2?family=Share+Tech&display=swap"
rel="stylesheet"
/>
<style>
body {
margin: 0;
overflow: hidden;
}
text {
font-size: 17px;
font-family: 'Share Tech', sans-serif;
}
</style>
</head>
<body>
<svg
width="960"
height="500"
viewBox="0 0 960 500"
stroke="grey"
fill="none"
>
<path d="M960 0H0V500H960V0Z" fill="white" />
<circle cx="439" cy="250" r="224.5" />
<circle cx="439" cy="250" r="199.5" />
<circle cx="439" cy="250" r="174.5" />
<circle cx="439" cy="250" r="149.5" />
