text: <!DOCTYPE html>
  <html>
  	<head>
  		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
  		<title>canvas</title>
  		<script type="text/javascript" src="jquery.js"></script>
  		<script type="text/javascript" src="gitgraph.js"></script>
  		<script type="text/javascript" src="draw.js"></script>
  	</head>
  	
  	<body>
  		<canvas id="graph-canvas" width="110" height="600" style="float:left">
  		</canvas>
  		
  		<div>
  			<ul id="graph-raw-list" style="float:left">
  				<li>
  					<span class="node-relation">*  </span>
  				</li><li>
  					<span class="node-relation">|\  </span>
  				</li><li>
  					<span class="node-relation">* \  </span>
  				</li><li>
  					<span class="node-relation">|\ \  </span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">| | *  </span>
  				</li><li>
  					<span class="node-relation">| | |\  </span>
  				</li><li>
  					<span class="node-relation">| |_|/  </span>
  				</li><li>
  					<span class="node-relation">|/| |   </span>
  				</li><li>
  					<span class="node-relation">| | *</span>
  				</li><li>
  					<span class="node-relation">| * |</span>
  				</li><li>
  					<span class="node-relation">| * |  </span>
  				</li><li>
  					<span class="node-relation">| |\ \  </span>
  				</li><li>
  					<span class="node-relation">| |/ /  </span>
  				</li><li>
  					<span class="node-relation">|/| |   </span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |  </span>
  				</li><li>
  					<span class="node-relation">|\ \ \  </span>
  				</li><li>
  					<span class="node-relation">| |_|/  </span>
  				</li><li>
  					<span class="node-relation">|/| |   </span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">| | *</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">| |/  </span>
  				</li><li>
  					<span class="node-relation">|/|   </span>
  				</li><li>
  					<span class="node-relation">* |</span>
  				</li><li>
  					<span class="node-relation">| | *</span>
  				</li><li>
  					<span class="node-relation">| | *</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">| |/  </span>
  				</li><li>
  					<span class="node-relation">|/|   </span>
  				</li><li>
  					<span class="node-relation">| | *  </span>
  				</li><li>
  					<span class="node-relation">| | |\  </span>
  				</li><li>
  					<span class="node-relation">| |_|/  </span>
  				</li><li>
  					<span class="node-relation">|/| |   </span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |  </span>
  				</li><li>
  					<span class="node-relation">|\ \ \  </span>
  				</li><li>
  					<span class="node-relation">| * | |</span>
  				</li><li>
  					<span class="node-relation">* | | |  </span>
  				</li><li>
  					<span class="node-relation">|\ \ \ \  </span>
  				</li><li>
  					<span class="node-relation">| |_|_|/  </span>
  				</li><li>
  					<span class="node-relation">|/| | |   </span>
  				</li><li>
  					<span class="node-relation">| * | |</span>
  				</li><li>
  					<span class="node-relation">| | * |  </span>
  				</li><li>
  					<span class="node-relation">| | |\ \  </span>
  				</li><li>
  					<span class="node-relation">| | |/ /  </span>
  				</li><li>
  					<span class="node-relation">| |/| |   </span>
  				</li><li>
  					<span class="node-relation">| | * |</span>
  				</li><li>
  					<span class="node-relation">| * | |</span>
  				</li><li>
  					<span class="node-relation">| | | *  </span>
  				</li><li>
  					<span class="node-relation">| | | |\  </span>
  				</li><li>
  					<span class="node-relation">| |_|_|/  </span>
  				</li><li>
  					<span class="node-relation">|/| | |   </span>
  				</li><li>
  					<span class="node-relation">* | | |  </span>
  				</li><li>
  					<span class="node-relation">|\ \ \ \  </span>
  				</li><li>
  					<span class="node-relation">| |/ / /  </span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| |_|/  </span>
  				</li><li>
  					<span class="node-relation">|/| |   </span>
  				</li><li>
  					<span class="node-relation">| * |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |  </span>
  				</li><li>
  					<span class="node-relation">|\ \ \  </span>
  				</li><li>
  					<span class="node-relation">| |/ /  </span>
  				</li><li>
  					<span class="node-relation">* | |  </span>
  				</li><li>
  					<span class="node-relation">|\ \ \  </span>
  				</li><li>
  					<span class="node-relation">| | | | *</span>
  				</li><li>
  					<span class="node-relation">| * | | |</span>
  				</li><li>
  					<span class="node-relation">|  / / /  </span>
  				</li><li>
  					<span class="node-relation">| * | |</span>
  				</li><li>
  					<span class="node-relation">| * | |</span>
  				</li><li>
  					<span class="node-relation">| * | |</span>
  				</li><li>
  					<span class="node-relation">| * | |</span>
  				</li><li>
  					<span class="node-relation">| * | |</span>
  				</li><li>
  					<span class="node-relation">| * | |</span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| | | *</span>
  				</li><li>
  					<span class="node-relation">| |_|/  </span>
  				</li><li>
  					<span class="node-relation">|/| |   </span>
  				</li><li>
  					<span class="node-relation">* | |</span>
  				</li><li>
  					<span class="node-relation">* | |  </span>
  				</li><li>
  					<span class="node-relation">|\ \ \  </span>
  				</li><li>
  					<span class="node-relation">| | |/  </span>
  				</li><li>
  					<span class="node-relation">| |/|   </span>
  				</li><li>
  					<span class="node-relation">| * |  </span>
  				</li><li>
  					<span class="node-relation">| |\ \  </span>
  				</li><li>
  					<span class="node-relation">| | |/  </span>
  				</li><li>
  					<span class="node-relation">| | *</span>
  				</li><li>
  					<span class="node-relation">* | |  </span>
  				</li><li>
  					<span class="node-relation">|\ \ \  </span>
  				</li><li>
  					<span class="node-relation">| |/ /  </span>
  				</li><li>
  					<span class="node-relation">|/| /   </span>
  				</li><li>
  					<span class="node-relation">| |/    </span>
  				</li><li>
  					<span class="node-relation">* |</span>
  				</li><li>
  					<span class="node-relation">| *</span>
  				</li><li>
  					<span class="node-relation">| *</span>
  				</li><li>
  					<span class="node-relation">* |</span>
  				</li><li>
  					<span class="node-relation">* |</span>
  				</li><li>
  					<span class="node-relation">* |  </span>
  				</li><li>
  					<span class="node-relation">|\ \  </span>
  				</li><li>
  					<span class="node-relation">| |/  </span>
  				</li><li>
  					<span class="node-relation">| *</span>
  				</li><li>
  					<span class="node-relation">|/  </span>
  				</li><li>
  					<span class="node-relation">*</span>
  				</li><li>
  					<span class="node-relation">*</span>
  				</li>
  			</ul>
  		</div>
  	</body>
  	
  	<style type="text/css" media="screen">
  		ul {margin:0}
  		li {list-style-type:none; height:20px}
  		
  		li .node-relation {font-family:'Bitstream Vera Sans Mono', 'Courier', monospace;}
  	</style>
  </html>