this could be a graph, eventually, with more time to hack through something like YUI. http://developer.yahoo.com/yui/examples/charts/charts-styles_clean.html is a solid example
		
			
				
	
	
		
			32 行
		
	
	
		
			759 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			32 行
		
	
	
		
			759 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| {% autoescape on %}
 | |
| <!DOCTYPE html>
 | |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 | |
|   <head>
 | |
|     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 | |
|     <title>dr.botzo — Karma — {{ key }}</title>
 | |
|   </head>
 | |
|   <body>
 | |
|     {% if messages %}
 | |
|     <div id="messages">
 | |
|       <ul class="messagelist">
 | |
|         {% for message in messages %}
 | |
|         <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
 | |
|         {% endfor %}
 | |
|       </ul>
 | |
|     </div>
 | |
|     {% endif %}
 | |
|     <div id="container">
 | |
|       <ul>
 | |
|         {% for delta in deltas %}
 | |
|         <li>{{ delta }}</li>
 | |
|         {% endfor %}
 | |
|       </ul>
 | |
|     </div>
 | |
|   </body>
 | |
| </html>
 | |
| 
 | |
| <!--
 | |
|   vi:tabstop=2:expandtab:autoindent
 | |
|  -->
 | |
| {% endautoescape %}
 |