<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			
		</style>
	</head>
	<body>
		<svg xmlns="http://www.w3.org/2000/svg" style="background: gainsboro" width="500px" height='500px'>
			
			<g>

				<circle cx='100' cy='100' r='40' fill='red' transform='translate(0,50)' style="cursor:pointer"></circle>
                <rect width='100px' height='70px' fill="blue" x='20' y='20' rx='20' ry='15'></rect>

                <text x='100' y='155' font-size='20' text-anchor='middle' style="cursor:pointer">text</text>

			</g>

            <g fill='transparent' stroke='black' stroke-width='2' transform=translate(20,100)>

                <circle cx='200' cy='200' r='100'></circle>
                <circle cx='200' cy='200' r='80'></circle>
                <circle cx='200' cy='200' r='60'></circle>
                <circle cx='200' cy='200' r='40'></circle>
                <circle cx='200' cy='200' r='20'></circle>

			</g>
			
		</svg>
	</body>
</html>