<p>This is a draft chart and should not be used as a reference.</p>
<p>Boxes that refer to existing specifications are clickable. Many boxes will display additional information during mouse-over.<p>
<style>
.box-chart {margin:1em; border:2px black solid; padding:1em; }
.chart-row {border:2px #000099 solid; border-width: 2px 2px 0 2px; overflow:hidden; }
.chart-row-last {border:2px #000099 solid; border-width: 2px 2px 0 2px; overflow:hidden; }
.row-title {width:120px; height:100%; font-weight:bold; text-align:right; float:left; min-height:80px; border:1px dashed #000099; border-width:0 2px 0 0; padding-right:10px; margin-right:20px; }
.box-column {overflow:hidden; }
.same-row {float:left; }

.box {border:1px black solid; width:150px; height:80px; margin:8px; padding:3px; }
.box-model {border-radius:8px; }
.box-invisible {border-style:none; background-color:white; }						/* spacer */
.box-proposed {border-style:dotted; background-color:#eef0ee; }						/* in development */
.box-considered {border-style:dashed; background-color:#eef0ee; }					/* possibly */
.box-future {border-style:dashed; background-color:#eef0ee; color:#999999; }		/* sometime */
.box-spec {text-align:center; }
.link {cursor:pointer; }
</style>
<div class='box-chart'>
	<div class='chart-row abstractReference'>
		<div class='row-title'>Abstract Reference Models</div>
		<div class='box-column same-row'>
			<div class='box box-invisible'>
				<div class='box-label'></div>
				<div class='box-spec'></div>
			</div>
		</div>
		<div class='box box-model same-row'>
			<div class='box-label'>Computer Graphics Reference Model</div>
			<div class='box-spec'>(CGRM 11072</div>
		</div>
		<div class='box box-model same-row'>
			<div class='box-label'>MAR Reference Model</div>
			<div class='box-spec'>ISO/IEC SC24 WG9)</div>
		</div>
	</div>
	
	<div class='chart-row abstractData'>
		<div class='row-title'>Abstract Object and Data Models</div>
		<div class='box box-model same-row link' title='Based on CGRM 11072' data-href='/documents/specifications/19774/V1.0/index.html'>
			<div class='box-label'>Humanoid Animation</div>
			<div class='box-spec'>19774</div>
		</div>
		<div class='box box-model box-proposed same-row link' data-href='http://realism.com/x3d-tools/Specifications/SRC/'>
			<div class='box-label'>SRC Architecture /Encoding</div>
			<div class='box-spec'>TBD</div>
		</div>
		<div class='box box-model same-row link' title='Based on CGRM 11072 and MAR Reference Model' data-href='/documents/specifications/19775-1/V3.3/index.html'>
			<div class='box-label'>X3D Graphics Architecture</div>
			<div class='box-spec'>19775-1</div>
		</div>
		<div class='box box-model same-row link' data-href='/documents/specifications/19775-2/V3.3/index.html'>
			<div class='box-label'>X3D Scene Access Interface (SAI)</div>
			<div class='box-spec'>19775-2</div>
		</div>
	</div>
	
	<div class='chart-row encodings-interfaces'>
		<div class='row-title'>File Encodings and Interfaces</div>
		
		<div class='box-column same-row'>
			<div class='box box-invisible'>
				<div class='box-label'></div>
				<div class='box-spec'></div>
			</div>
		</div>

		<div class='box-column same-row'>
			<div class='box box-proposed link' data-href='http://realism.com/x3d-tools/Specifications/SRC/'>
				<div class='box-label'>SRC Encoding</div>
				<div class='box-spec'>TBD</div>
			</div>
		</div>

		<div id='encodings' class='box-column same-row'>
			<div class='box link' title='Based on 19775-1' data-href='/documents/specifications/19776-1/V3.3/index.html'>
				<div class='box-label'>X3D XML Encoding</div>
				<div class='box-spec'>19776-1</div>
			</div>
			<div class='box link' title='Based on 19775-1' data-href='/documents/specifications/19776-2/V3.3/index.html'>
				<div class='box-label'>ClassicVRML Encoding</div>
				<div class='box-spec'>19776-2</div>
			</div>
			<div class='box link' title='Based on 19775-1' data-href='/documents/specifications/19776-3/V3.3/index.html'>
				<div class='box-label'>Compressed Binary Encoding</div>
				<div class='box-spec'>19776-3</div>
			</div>
			<div class='box box-considered' title='Based on 19775-1 and EXI'>
				<div class='box-label'>Efficient Binary Encoding</div>
				<div class='box-spec'>19776-n</div>
			</div>
			<div class='box box-proposed' title='Based on 19775-1, HTML5, and JSON'>
				<div class='box-label'>X3D JSON Encoding</div>
				<div class='box-spec'>19776-n</div>
			</div>
		</div>

		<div id=bindings' class='box-column same-row'>
			<div class='box link' title='Based on 19775-2 and 16262-2011' data-href='/documents/specifications/19777-1/V3.3/index.html'>
				<div class='box-label'>X3D ECMAScript</div>
				<div class='box-spec'>19777-1</div>
			</div>
			<div class='box link' title='Based on 19775-2' data-href='/documents/specifications/19777-2/V3.0/index.html'>
				<div class='box-label'>X3D Java</div>
				<div class='box-spec'>19777-2</div>
			</div>
			<div class='box box-future' title='Based on 19775-2'>
				<div class='box-label'>X3D Python</div>
				<div class='box-spec'>19777-n</div>
			</div>
			<div class='box box-future' title='Based on 19775-2'>
				<div class='box-label'>X3D C++</div>
				<div class='box-spec'>19777-n</div>
			</div>
		</div>
	</div>
</div>