<?xml version="1.0" standalone="no"?>
<?xml-stylesheet type="text/css" href="http://www.w3.org/Consortium/Offices/Presentations/svgs/slide.css" ?>
<!-- <?xml-stylesheet type="text/css" href="../../svgs/slide.css" ?> -->
<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 1000">
	<title>Animated overview of various Rec-s over the years</title>
	<desc>The various recs are put up on the screen, animated year by year</desc>
	<!-- Coordinates used for months:
	16 	January
	32		February
	48		March
	64		April
	80		May
	96		June
	112	July
	128	August
	144	September
	160	October
	176	November
	200	December
	-->
	<defs>
		<g id="r1997_t">
			<text class="ts" x="16" y="30">PICS</text>
			<text class="ui" x="-32" y="230">PNG</text>
			<text class="ui" x="16" y="330">HTML 3.2</text>
			<text class="ui" x="0" y="500">CSS1</text>
			<text class="ui" x="200" y="390">HTML 4.0</text>
		</g>
		<g id="r1998_t">
			<text class="ui" x="64" y="140">MathML 1.0</text>
			<text class="ts" x="0" y="60">PICSRules</text>
			<text class="ts" x="80" y="10">DSig</text>
			<text class="arc" x="32" y="660">XML</text>
			<text class="arc" x="160" y="730">DOM Level 1</text>
			<text class="ui" x="80" y="460">CSS2</text>
			<text class="ui" x="96" y="220">SMIL 1.0</text>
		</g>
		<g id="r1999_t">
		   <text class="arc" x="96" y="630">Stylesheets in XML</text>
			<text class="ui" x="112" y="100">MathML 1.01</text>
			<text class="ui" x="16" y="180">WebCGM</text>
			<text class="arc" x="16" y="560">Namespaces</text>
			<text class="ts" x="32" y="30">RDF Model</text>
			<text class="arc" x="176" y="500">XPath</text>
			<text class="arc" x="176" y="700">XSLT</text>
			<text class="ui" x="200" y="260">HTML 4.01</text>
			<text class="wai" x="80" y="830">WCAG</text>
		</g>
		<g id="r2000_t">
			<text class="wai" x="32" y="800">ATAG</text>
			<text class="arc" x="176" y="670">DOM Level 2</text>
			<text class="ui" x="16" y="190">XHTML 1.0</text>
			<text class="arc" x="160" y="560">XML (2nd ed.)</text>
			<text class="df" x="180" y="140">XHTML Basic</text>
		</g>
		<g id="r2001_t">
			<text class="ts" x="48" y="30">Canonical XML</text>
			<text class="df" x="144" y="70">SVG 1.0</text>
			<text class="df" x="32" y="100">MathML 2.0</text>
			<text class="df" x="80" y="180">XHTML 1.1</text>
			<text class="df" x="64" y="230">XHTML Modularization</text>
			<text class="df" x="80" y="280">Ruby</text>
			<text class="in" x="128" y="330">SMIL 2.0</text>
			<text class="in" x="144" y="380">SMIL Animation</text>
			<text class="arc" x="80" y="430">XML Schemas</text>
			<text class="arc" x="96" y="480">XLink</text>
			<text class="arc" x="96" y="630">XML Base</text>
			<text class="arc" x="160" y="680">XML Infoset</text>
			<text class="arc" x="160" y="750">XSL</text>
		</g>
		<g id="r2002_t">
			<text class="ts" x="32" y="45">XML Signatures</text>
			<text class="ts" x="64" y="20">P3P 1.0</text>
		</g>
	</defs>
	<g transform="scale(0.9) translate(0,-100)">
		<g transform="translate(-50,130)">
			<g>
				<desc>Axis for years</desc>
				<line class="year" x1="200" x2="200" y2="900"/>
				<line class="year" x1="400" x2="400" y2="900"/>
				<line class="year" x1="600" x2="600" y2="900"/>
				<line class="year" x1="800" x2="800" y2="900"/>
				<line class="year" x1="1000" x2="1000" y2="900"/>
				<line class="year" x1="1200" x2="1200" y2="900"/>
				<line class="year" x1="1400" x2="1400" y2="900"/>
				<g transform="translate(0,920)">
					<text class="year" x="200">1997</text>
					<text class="year" x="400">1998</text>
					<text class="year" x="600">1999</text>
					<text class="year" x="800">2000</text>
					<text class="year" x="1000">2001</text>
					<text class="year" x="1200">2002</text>
					<text class="year" x="1400">2003</text>
				</g>
			</g>
			<switch>
				<g requiredFeatures="org.w3c.svg.dynamic">
					<g style="opacity:0" id="r1997">
						<use xlink:href="#r1997_t" transform="translate(200)"/>
						<animate attributeName="opacity" attributeType="CSS" to="1" begin="1s" dur="1s" fill="freeze"/>
					</g>
					<g style="opacity:0" id="r1998">
						<use xlink:href="#r1998_t" transform="translate(400)"/>
						<animate attributeName="opacity" attributeType="CSS" to="1" begin="2s" dur="1s" fill="freeze"/>
					</g>
					<g style="opacity:0" id="r1999">
						<use xlink:href="#r1999_t" transform="translate(600)"/>
						<animate attributeName="opacity" attributeType="CSS" to="1" begin="3s" dur="1s" fill="freeze"/>
					</g>
					<g style="opacity:0" id="r2000">
						<use xlink:href="#r2000_t" transform="translate(800)"/>
						<animate attributeName="opacity" attributeType="CSS" to="1" begin="4s" dur="1s" fill="freeze"/>
					</g>
					<g style="opacity:0" id="r2001">
						<use xlink:href="#r2001_t" transform="translate(1000)"/>
						<animate attributeName="opacity" attributeType="CSS" to="1" begin="5s" dur="1s" fill="freeze"/>
					</g>
					<g style="opacity:0" id="r2002">
						<use xlink:href="#r2002_t" transform="translate(1200)"/>
						<animate attributeName="opacity" attributeType="CSS" to="1" begin="6s" dur="1s" fill="freeze"/>
					</g>
				</g>
				<g>
					<use xlink:href="#r1997_t" transform="translate(200)"/>
					<use xlink:href="#r1998_t" transform="translate(400)"/>
					<use xlink:href="#r1999_t" transform="translate(600)"/>
					<use xlink:href="#r2000_t" transform="translate(800)"/>
					<use xlink:href="#r2001_t" transform="translate(1000)"/>
					<use xlink:href="#r2002_t" transform="translate(1200)"/>
				</g>
			</switch>
		</g>
	</g>
</svg>

