<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat.dtd">

				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="400px" height="200px">
					<!-- Radii and points -->
					<defs>
						<g id="radius">
							<g>
								<path id="arrow" d="M 0 0 H 78 l-10 -3 V 3 l10 -3" stroke="black" fill="black" stroke-width="1"/>
								<animate attributeName="opacity" dur="10s" values="0.0; 0; 1; 1" keyTimes="0.0; 0.55; 0.65;" calcMode="linear" repeatCount="indefinite"/>
							</g>
							<circle cx="80" cy="0" r="2" stroke="lime" stroke-width="4"/>
						</g>
						<g id="bisector">
							<path d="M -30 0 L 120 0" stroke="blue" fill="none" stroke-width="1.5"/>
						</g>
					</defs>
					<!-- Circle -->
					<g id="circle">
						<circle cx="100" cy="100" r="80" stroke="black" stroke-width="2" fill="yellow"/>
						<animate attributeName="opacity" dur="10s" values="0.0; 0; 1; 1" keyTimes="0.0; 0.7; 0.8;" calcMode="linear" repeatCount="indefinite"/>
					</g>
					<!-- Transecting lines and labelled bisectors -->
					<g transform="translate(100, 100)">
						<g  id="transect">
							<path d="M 13 78 L 80 0 L 69 -40" stroke="orange" fill="none" stroke-width="2.5"/>
							<animate attributeName="opacity" dur="10s" values="0.0; 0; 1; 1" keyTimes="0.0; 0.1; 0.2;" calcMode="linear" repeatCount="indefinite"/>
						</g>
						<g id="bisect">
							<use xlink:href="#bisector" transform="rotate(345)"/>
							<use xlink:href="#bisector" transform="rotate(40)"/>
							<text x="110" y="-35" font-size="16px" font-family="Verdana" text-anchor="middle">A</text>
							<text x="80" y="60" font-size="16px" font-family="Verdana" text-anchor="middle">B</text>
							<animate attributeName="opacity" dur="10s" values="0.0; 0; 1; 1" keyTimes="0.0; 0.25; 0.35;" calcMode="linear" repeatCount="indefinite"/>
						</g>
					</g>
					<!-- Transecting lines and labelled bisectors -->
					<g transform="translate(100, 100)">
						<g  id="transect">
							<path d="M 13 78 L 80 0 L 69 -40" stroke="orange" fill="none" stroke-width="2.5"/>
							<animate attributeName="opacity" dur="10s" values="0.0; 0; 1; 1" keyTimes="0.0; 0.1; 0.2;" calcMode="linear" repeatCount="indefinite"/>
						</g>
						<g id="bisect">
							<use xlink:href="#bisector" transform="rotate(345)"/>
							<use xlink:href="#bisector" transform="rotate(40)"/>
							<text x="110" y="-35" font-size="16px" font-family="Verdana" text-anchor="middle">A</text>
							<text x="80" y="60" font-size="16px" font-family="Verdana" text-anchor="middle">B</text>
							<animate attributeName="opacity" dur="10s" values="0.0; 0; 1; 1" keyTimes="0.0; 0.25; 0.35;" calcMode="linear" repeatCount="indefinite"/>
						</g>
					</g>
					<!-- Radii -->
					<g id="radii">
						<g  transform="translate(100, 100) rotate(330)">
							<use xlink:href="#radius"/>
							<text font-size="16px" font-family="Verdana" text-anchor="middle" transform="translate(90,0) rotate(-330)">1</text>
						</g>
						<g transform="translate(100, 100) rotate(0)">
							<use xlink:href="#radius"/>
							<text x="90" y="0" font-size="16px" font-family="Verdana" text-anchor="middle">2</text>
						</g>
						<g transform="translate(100, 100) rotate(80)">
							<use xlink:href="#radius"/>
							<text font-size="16px" font-family="Verdana" text-anchor="middle" transform="translate(98,0) rotate(-80)">3</text>
						</g> 
					</g>
					<!-- Centre -->
					<g id="centre"> 
						<circle cx="100" cy="100" r="2" stroke="red" stroke-width="4"/>
						<animate attributeName="opacity" dur="10s" values="0.0; 0; 1; 1" keyTimes="0.0; 0.4; 0.5;" calcMode="linear" repeatCount="indefinite"/>
					</g>
				</svg>
			