old_sql 1.12.0 → 1.13.0

data/public/javascripts/old_sql/plotkit-0.9.1/doc/PlotKit.Renderer.txt

@@ -0,0 +1,299 @@
+{% extends "basex.html" %}
+{% load markup %}
+{% block pageid %}code{% endblock %}
+{% block headers %}
+<link href="doc.css" media="screen" rel="stylesheet" type="text/css" />
+{% endblock %}
+{% block title %}PlotKit.Renderer{% endblock %}
+
+{% block content %}
+<div class="page doc api">
+{% filter markdown %}
+[PlotKit Home](PlotKit.html) | [<<](PlotKit.Layout.html) | [>>](PlotKit.Canvas.html)
+
+PlotKit Renderer
+================
+
+A Renderer is responsible for translating the layout calculated by PlotKit.Layout and draw it on to a HTML Canvas, SVG object or any other way. One way to use the renderer is to allow theming of graphs by tweaking the layout. 
+
+PlotKit includes some common basic renderers, so you do not need to customise anything if you just plan to change the spacing, colors, fonts, or layout.
+
+PlotKit Renderers should follow an informal protocol to allow users to plug and play different renderers. Below is the informal protocol:
+
+PlotKit Renderer Protocol
+-------------------------
+* Constructor: ``new Renderer(element, layout, options = {})``
+
+  ``element`` is the element which this renderer will perform on, ``layout`` is the PlotKit.Layout object and ``options`` is an associative dictionary described below.
+
+* class function: ``isSupported()``
+
+  Optional check that returns ``true`` if the renderer is supported in the current browser.
+
+* object method: ``render()``
+
+  Renders to canvas, can be called multiple times, but ``clear()`` must be called between invokations.
+
+* object method: ``clear()``
+
+  Clear the canvas.
+
+PlotKit Renderer Options
+------------------------
+To allow some basic flexibility of the output, a renderer should
+accept and act on the following options passed in the constructor. 
+
+
+<table cellpadding="0" cellspacing="0">
+  <thead>
+	<tr><td>Option name</td><td>Description</td><td>Type</td><td>Default</td></tr>
+  </thead>
+  <tbody>
+	<tr>
+		<th>backgroundColor</th>
+		<td>color to use for background</td>
+		<td>MochiKit.Color.Color</td>
+		<td>Color.whiteColor()</td>
+	</tr>
+	<tr>
+		<th>colorScheme</th>
+		<td>Color scheme used</td>
+		<td>Array of MochiKit.Color.Color</td>
+		<td>output of PlotKit.Base.colorScheme()</td>
+	</tr>
+	<tr>
+		<th>strokeColor</th>
+		<td>Color used stroking. If set to null, the renderer will
+  attempt to use strokeColorTransform</td>
+		<td>MochiKit.Color.Color or null</td>
+		<td>null</td>
+	</tr>
+	<tr>
+		<th>strokeColorTransform</th>
+		<td>Name of the method to call to transform Color into stroke color.</td>
+		<td>string (name of a function that accepts no arguments)</td>
+		<td>"asStrokeColor"</td>
+	</tr>
+	<tr>
+		<th>drawBackground</th>
+		<td>Whether the background should be drawn</td>
+		<td>boolean</td>
+		<td>true</td>
+	</tr>
+	<tr>
+		<th>shouldFill</th>
+		<td>Should fill in area under chart</td>
+		<td>boolean</td>
+		<td>true</td>
+	</tr>
+	<tr>
+		<th>shouldStroke</th>
+		<td>Should stroke the borders of shapes in chart</td>
+		<td>boolean</td>
+		<td>true</td>
+	</tr>
+	<tr>
+		<th>strokeWidth</th>
+		<td>Width of stroke used (if shouldStroke is set)</td>
+		<td>float</td>
+		<td>0.1</td>
+	</tr>
+	<tr>
+		<th>padding</th>
+		<td>Padding of the graph drawn (excluding labels)</td>
+		<td>Object with properties: top, bottom, left, right.</td>
+		<td>{left: 30, right:20, top: 10, bottom: 10}</td>
+	</tr>
+	<tr>
+		<th>drawYAxis</th>
+		<td>draw Y Axis</td>
+		<td>boolean</td>
+		<td>true</td>
+	</tr>
+	<tr>
+		<th>drawXAxis</th>
+		<td>draw X Axis</td>
+		<td>boolean</td>
+		<td>true</td>
+	</tr>
+	<tr>
+		<th>axisLineColor</th>
+		<td>Color of axes line.</td>
+		<td>MochiKit.Color.Color</td>
+		<td>Color.blackColor()</td>
+	</tr>
+	<tr>
+		<th>axisLineWidth</th>
+		<td>axis line width</td>
+		<td>float</td>
+		<td>0.5</td>
+	</tr>
+	<tr>
+		<th>axisTickSize</th>
+		<td>length or height of a tick on the y and x axis respectively, in pixels</td>
+		<td>float</td>
+		<td>3.0</td>
+	</tr>
+	<tr>
+		<th>axisLabelColor</th>
+		<td>color of text label on axis.</td>
+		<td>MochiKit.Color.Color</td>
+		<td>Color.blackColor()</td>
+	</tr>
+	<tr>
+		<th>axisLabelFontSize</th>
+		<td>Font size of labels in pixels </td>
+		<td>integer</td>
+		<td>9</td>
+	</tr>
+	<tr>
+		<th>axisLabelWidth</th>
+		<td>Width of labels on ticks, in pixels</td>
+		<td>integer</td>
+		<td>50</td>
+	</tr>
+	<tr>
+		<th>enableEvents</th>
+		<td>Enable events (if supported)</td>
+		<td>boolean</td>
+		<td>true</td>
+	</tr>
+</tbody>
+</table>
+
+Internal Renderer Methods and Style
+===================================
+
+The default renderers that are available follow a rough structure. If
+you plan to write a new renderer, you should think about using a
+similar structure.
+
+Also, it is important that you follow an Object Orientated style and
+split up the rendering methods as much as logically possible to allow
+other developers to extend the work by using a "psuedo subclassing"
+method described below.
+
+Subclassing
+-----------
+
+PlotKit Renderers should adopt a Javascript subclassing structure to
+allow developers/themers to customise certain aspects of the
+rendering. Here is an example of what is expected:
+
+    MyRenderer = function(element, layout, options) {
+        if (arguments.length  > 0)
+           this.__init__(element, layout, options);
+    };
+    
+    MyRenderer.prototype.__init__ = function(element, layout, options) {
+      ....
+    };
+
+In this case, the default javascript constructor acts only when passed
+arguments. ``MyRenderer.prototype.__init__`` is the real
+constructor. It is named in similar vein to Python's constructor.
+
+For users who would like to subclass, they will need to use the
+following snippet of code:
+
+     MyAlternateRenderer = function(element, layout. options) {
+       if (arguments.length > 0) 
+          this.__init__(element, layout, options);
+     };
+     MyAlternateRenderer.prototype = new MyRenderer();
+     MyAlternateRenderer.prototype.constructor = MyAlternateRenderer;
+     MyAlternateRenderer.__super__ = MyRenderer.prototype;
+
+     MyAlternateRenderer.prototype.__init__ = function(element, layout, options) {
+         MyAlternateRenderer.__super__.__init__.call(this, element, layout, options);
+     };
+
+
+For subclasses, they will need the following magic in order to
+initialise their subclass. But after that, you can either override
+``MyAlternateRenderer.prototype.__init__`` with your own
+implementation or just leave the superclass to deal with the
+constructor. 
+
+A more thorough example can be found in the PlotKit source for
+``Canvas.js`` and ``SweetCanvas.js`` respectively.
+
+Internal Renderer Properties
+----------------------------
+
+The bundled renderers are have the following common properties to
+allow standard access by all subclasses:
+
+* ``this.layout`` 
+
+The PlotKit.Layout object passed by the user.
+
+* ``this.element``
+
+The HTML element to use, either a Canvas Element or SVG Element depending
+on whether a Canvas Renderer or SVG Renderer is in use.
+
+* ``this.options``
+
+A dictionary of options that are applicable to the rendering style.
+
+* ``this.xlabels``
+
+A list of elements that represent the axis. Should be cleared whenever
+``clear()`` is executed.
+
+* ``this.ylabels``
+
+A list of elements that represent the axis. Should be cleared whenever
+``clear()`` is executed.
+
+Internal Renderer Methods
+-------------------------
+
+* ``_renderBarChart()``
+
+Renders only the bars of a  bar chart on the element by looking at
+``this.layout.bars`` for the bars to render. Will only be called if
+``this.layout.style == "bars"``
+
+* ``_renderLineChart()``
+
+Renders only the lines of a  line chart on the element by looking at
+``this.layout.points`` for the points to render. Will only be called if
+``this.layout.style == "line"``
+
+* ``_renderPieChart()``
+
+Renders only the slices of the pie in ``this.layout.slices``.
+Will only be called if ``this.layout.style == "pie"``
+
+* ``_renderBarAxis()``
+
+Renders the axis for a bar chart by looking at the
+``this.layout.xticks`` and ``this.layout.yticks``.
+
+* ``_renderLineAxis()``
+
+Renders the axis for a line chart by looking at the
+``this.layout.xticks`` and ``this.layout.yticks``.
+
+* ``_renderPieAxis()``
+
+Renders the labels for a pie chart by looking at
+``this.layout.xticks`` only.
+
+* ``_renderBackground()``
+
+Called to render the background of the chart. Should check whether
+``this.options.drawsBackground`` is set before proceeding.
+
+
+Events from the Chart
+=====================
+
+There is preliminary support for events from the chart for the Canvas
+Renderer but the API is not stablised and subject to change. __(TODO)__.
+
+{% endfilter %}
+</div>
+{% endblock %}

data/public/javascripts/old_sql/plotkit-0.9.1/doc/PlotKit.SVG.html

@@ -0,0 +1,159 @@
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
+<head>
+	<title>PlotKit.SVG | liquidx</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<link href="http://media.liquidx.net/css/x_general.css" media="screen" rel="Stylesheet" type="text/css" />
+	<link href="http://media.liquidx.net/css/x_header.css" media="screen" rel="Stylesheet" type="text/css" />
+	<link href="http://media.liquidx.net/css/x_layout.css" media="screen" rel="Stylesheet" type="text/css" />	
+	<link href="http://media.liquidx.net/css/x_blocks.css" media="screen" rel="Stylesheet" type="text/css" />
+	<link rel="icon" href="/favicon.png" type="image/x-png">
+	<link rel="shortcut icon" href="/favicon.png" type="image/x-png">
+	<!--[if lt IE 7.]>	
+	<script defer type="text/javascript" src="http://media.liquidx.net/js/pngfix.js"></script>
+	<![endif]-->
+	
+<link href="doc.css" media="screen" rel="stylesheet" type="text/css" />
+
+</head>
+
+<body>
+    <div id="header">
+        <div id="logo"><a href="http://www.liquidx.net/"><img src="http://media.liquidx.net/imgx/logo.png" width="256" height="128" alt="liquidx.net" /></a></div>
+		<div id="menu-hack">
+			<div id="menu-l"><img src="http://media.liquidx.net/imgx/menu_l.png" width="17" height="28" alt="menu cap" /></div><div id="menu-r"><img src="http://media.liquidx.net/imgx/menu_r.png" width="17" height="28" alt="menu cap" /></div>			
+            <div id="menu-main">
+        		<ul id="menu" class="code">
+            		<li class="tab" id="blog"><a href="http://www.liquidx.net/" title="blog/home">blog</a></li>
+            		<li class="tab" id="code"><a href="http://www.liquidx.net/code/" title="software i have written">software</a></li>
+            		<li class="tab" id="dev"><a href="http://projects.liquidx.net/" title="source code for my open source projects">dev</a></li>
+            		<li class="tab" id="photos"><a href="http://al.tse.id.au/gallery/" title="photos and videos">photos</a></li>
+             		<li class="tab" id="research"><a href="http://al.tse.id.au/research/" title="research profile">research</a></li>
+             		<li class="tab" id="links"><a href="http://www.liquidx.net/links/" title="my bookmarks">linkblog</a></li>
+             		<li class="tab" id="stats"><a href="http://stats.liquidx.net/" title="stats for various parts of my website">stats</a></li>
+             		<li class="tab" id="status"><a href="http://www.liquidx.net/status/" title="weather report for alastair">status</a></li>
+             		<li class="tab" id="about"><a href="http://al.tse.id.au/" title="about alastair tse">aboutme</a></li>
+        		</ul>
+        	</div>
+    	</div>
+		<div id="quickbuttons">
+			<span class="quickbutton"><a href="http://www.liquidx.net/albumartwidget/"><img src="http://media.liquidx.net/imgx/quick_widget.png" alt="album art widget" /></a></span>
+			<span class="quickbutton"><a href="http://www.liquidx.net/plotkit/"><img src="http://media.liquidx.net/imgx/quick_plotkit.png" alt="plotkit" /></a></span>
+			<span class="quickbutton"><a href="http://www.liquidx.net/fruity/"><img src="http://media.liquidx.net/imgx/quick_fruity.png" alt="fruity" /></a></span>
+		</div>
+		
+	</div>
+    
+    <div id="body">
+<div class="page doc api">
+
+<p> <a href="PlotKit.html">PlotKit Home</a> | <a href="PlotKit.Canvas.html">&lt;&lt;</a> | <a href="PlotKit.SweetCanvas.html">&gt;&gt;</a> 
+</p>
+
+<h1> PlotKit SVG</h1>
+<p>PlotKit SVG includes the SVGRenderer which allows chart plotting on SVG capable browsers such as Firefox 1.5 and Opera 9.0. It should support Adobe SVG plugin, but is current untested.
+</p>
+
+<h2> Important Implementation Requirements</h2>
+<p>In order to use the SVG Renderer, the file and webserver must support inline SVG files. This means the following conditions must exist:
+</p>
+
+<h3>The HTML file must be XHTML compliant. </h3>
+<p>So it should start off with this:
+</p>
+<pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;
+&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html
+xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;
+xmlns:svg=&quot;http://www.w3.org/2000/svg&quot;
+xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;&gt;
+&lt;head&gt;        
+  &lt;object id=&quot;AdobeSVG&quot; classid=&quot;clsid:78156a80-c6a1-4bbf-8e6a-3cd390eeb4e2&quot; width=&quot;1&quot; height=&quot;1&quot;&gt;&lt;/object&gt;
+  &lt;?import namespace=&quot;svg&quot; implementation=&quot;#AdobeSVG&quot;?&gt;
+...
+</code></pre>
+<h3>Correct XHTML Mime-Type</h3>
+<p>Firefox and MSIE are fussy about the mimetype to do in-line
+   SVG. Firefox requires that either the URL ends in .html or that the
+   file is returned as mime type <code>application/xhtml+xml</code> in the HTTP
+   headers.
+</p>
+<p>However, MSIE does not recognise <code>application/xhtml+xml</code> and will
+   work fine with regular <code>text/html</code> mimetype for XHTML.
+</p>
+
+<h3>Non XHTML Compliant javascript includes</h3>
+<p>You cannot use the autoloading MochiKit.js, but instead include all the JS files individually or use the packed MochiKit. This is because MochiKit's way of autoloading is not XHTML compliant.
+</p>
+<p>An example of this is in the tests.
+</p>
+
+<h2> PlotKit SVG Options</h2>
+<p>There are no additional options for the SVG Renderer apart from the default Renderer options.
+</p>
+
+
+</div>
+</div>
+
+    
+	
+    
+    <div id="footer">
+		<div class="block">
+			<h3>Syndication Feeds:</h3>
+			<p>
+				<ul class="tiny">
+					<li><a href="http://www.liquidx.net/blog/feed/atom/" class="feed" title="feed for all posts on liquidx.net"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />Atom Feed for the Blog Entries</a></li>
+					<li><a href="http://www.liquidx.net/blog/feed/rss/" class="feed" title="feed for all posts on liquidx.net"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />RSS Feed for the Blog Entries</a></li>
+					<li><a href="http://www.liquidx.net/comments/feed/atom/" class="feed" title="feed for all posts on liquidx.net"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />Feed for All Comments</a></li>
+					<li><a href="http://www.liquidx.net/links/feed/atom/" class="feed" title="feed for all bookmarked links"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />Feed for Links</a></li>
+				</ul>
+			</p>
+		</div>
+		<div class="block">
+			<h3>About this site:</h3>
+			<p>Content on this site is licensed under <a href="http://creativecommons.org/licenses/by/2.5/">CC By Attribution</a> unless otherwise specified. 
+			Copyright (c) 2002-2006, <a href="http://al.tse.id.au/">Alastair Tse</a>.</p>
+			<p>For more information, see <a href="http://al.tse.id.au/">al.tse.id.au</a>.</p>
+			<p><script type="text/javascript" src="http://technorati.com/embed/itwctkzez.js"></script></p>
+		</div>
+		<div class="block">
+			<h3>Is Made Possible By:</h3>
+			<p>
+			<dl>
+				<dt><a href="http://ecto.kung-foo.tv/" class="clean">ecto</a>. </dt>
+				<dd>Blogging client for Mac</dd>
+				<dt><a href="http://djangoproject.com/" class="clean">Django</a>. </dt>
+				<dd>Python Web Framework</dd>
+				<dt><a href="http://www.lighttpd.net/" class="clean">lighttpd</a>. </dt> 
+				<dd>Really Fast Web Server</dd>
+				<dt><a href="http://www.saddi.com/software/flup/" class="clean">flup</a>. </dt>
+				<dd>FastCGI for Python</dd>
+			</dl>
+			</p>
+		</div>
+        <div class="block">
+            <h3>Search My Sites:</h3>
+            <p>
+           <div style='margin: 10px; text-align: center; width: 160px;'><form action='http://www.rollyo.com/search.html' ><fieldset style='margin: 0; padding: 4px 0 0 0; height: 60px; border: none; background: url(http://rollyo.com/remote/togo-bg4.png) no-repeat top left;'><div style="position: absolute; float:left; z-index:99; width: 46px; height: 50px;"><a href="http://rollyo.com"><img style="border: none;" height="50" width="46" src="http://rollyo.com/remote/x.gif"></a></div> <input type='text' size='30' style='float: left; width: 90px; margin: 2px 0 0 48px; padding: 0; font-size: 12px;' name='q' value='Search...' onclick='this.value="";' /><br /> <select name='sid' style='float: left; width: 78px; height: 15px; margin: 12px 0 0 46px; font-size: 7pt; padding: 0;'><option value='106081' selected='selected'>liquidx</option><option value='web'>Search The Web</option></select><input type='image' src='http://rollyo.com/remote/btn-togo.png' alt='Go' style='margin: 12px 0 0 3px; float: left;' /><input type='hidden' name='togo-v' value='1' /></fieldset></form></div>
+               </p>
+          </div>
+         
+    
+		<div class="clear">&nbsp;</div>
+        
+    </div>
+
+
+
+   <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+   <script type="text/javascript">
+   _uacct = "UA-58117-1";
+   urchinTracker();
+   </script>
+
+</body>
+</html>

data/public/javascripts/old_sql/plotkit-0.9.1/doc/PlotKit.SVG.txt

@@ -0,0 +1,64 @@
+{% extends "basex.html" %}
+{% load markup %}
+{% block pageid %}code{% endblock %}
+{% block headers %}
+<link href="doc.css" media="screen" rel="stylesheet" type="text/css" />
+{% endblock %}
+{% block title %}PlotKit.SVG{% endblock %}
+
+{% block content %}
+<div class="page doc api">
+{% filter markdown %}
+[PlotKit Home](PlotKit.html) | [<<](PlotKit.Canvas.html) | [>>](PlotKit.SweetCanvas.html)
+
+PlotKit SVG
+===========
+
+PlotKit SVG includes the SVGRenderer which allows chart plotting on SVG capable browsers such as Firefox 1.5 and Opera 9.0. It should support Adobe SVG plugin, but is current untested.
+
+Important Implementation Requirements
+-------------------------------------
+
+In order to use the SVG Renderer, the file and webserver must support inline SVG files. This means the following conditions must exist:
+
+###The HTML file must be XHTML compliant. 
+
+So it should start off with this:
+
+	<?xml version="1.0" encoding="UTF-8"?>
+	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+    <html
+	xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
+	xmlns:svg="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink">
+	<head>        
+	  <object id="AdobeSVG" classid="clsid:78156a80-c6a1-4bbf-8e6a-3cd390eeb4e2" width="1" height="1"></object>
+	  <?import namespace="svg" implementation="#AdobeSVG"?>
+	...
+
+###Correct XHTML Mime-Type
+
+Firefox and MSIE are fussy about the mimetype to do in-line
+SVG. Firefox requires that either the URL ends in .html or that the
+file is returned as mime type ``application/xhtml+xml`` in the HTTP
+headers.
+
+However, MSIE does not recognise ``application/xhtml+xml`` and will
+work fine with regular ``text/html`` mimetype for XHTML.
+
+###Non XHTML Compliant javascript includes
+
+You cannot use the autoloading MochiKit.js, but instead include all the JS files individually or use the packed MochiKit. This is because MochiKit's way of autoloading is not XHTML compliant.
+
+An example of this is in the tests.
+
+
+PlotKit SVG Options
+-------------------
+
+There are no additional options for the SVG Renderer apart from the default Renderer options.
+
+{% endfilter %}
+</div>
+{% endblock %}

data/public/javascripts/old_sql/plotkit-0.9.1/doc/PlotKit.SweetCanvas.html

@@ -0,0 +1,131 @@
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
+<head>
+	<title>PlotKit.SweetCanvas | liquidx</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<link href="http://media.liquidx.net/css/x_general.css" media="screen" rel="Stylesheet" type="text/css" />
+	<link href="http://media.liquidx.net/css/x_header.css" media="screen" rel="Stylesheet" type="text/css" />
+	<link href="http://media.liquidx.net/css/x_layout.css" media="screen" rel="Stylesheet" type="text/css" />	
+	<link href="http://media.liquidx.net/css/x_blocks.css" media="screen" rel="Stylesheet" type="text/css" />
+	<link rel="icon" href="/favicon.png" type="image/x-png">
+	<link rel="shortcut icon" href="/favicon.png" type="image/x-png">
+	<!--[if lt IE 7.]>	
+	<script defer type="text/javascript" src="http://media.liquidx.net/js/pngfix.js"></script>
+	<![endif]-->
+	
+<link href="doc.css" media="screen" rel="stylesheet" type="text/css" />
+
+</head>
+
+<body>
+    <div id="header">
+        <div id="logo"><a href="http://www.liquidx.net/"><img src="http://media.liquidx.net/imgx/logo.png" width="256" height="128" alt="liquidx.net" /></a></div>
+		<div id="menu-hack">
+			<div id="menu-l"><img src="http://media.liquidx.net/imgx/menu_l.png" width="17" height="28" alt="menu cap" /></div><div id="menu-r"><img src="http://media.liquidx.net/imgx/menu_r.png" width="17" height="28" alt="menu cap" /></div>			
+            <div id="menu-main">
+        		<ul id="menu" class="code">
+            		<li class="tab" id="blog"><a href="http://www.liquidx.net/" title="blog/home">blog</a></li>
+            		<li class="tab" id="code"><a href="http://www.liquidx.net/code/" title="software i have written">software</a></li>
+            		<li class="tab" id="dev"><a href="http://projects.liquidx.net/" title="source code for my open source projects">dev</a></li>
+            		<li class="tab" id="photos"><a href="http://al.tse.id.au/gallery/" title="photos and videos">photos</a></li>
+             		<li class="tab" id="research"><a href="http://al.tse.id.au/research/" title="research profile">research</a></li>
+             		<li class="tab" id="links"><a href="http://www.liquidx.net/links/" title="my bookmarks">linkblog</a></li>
+             		<li class="tab" id="stats"><a href="http://stats.liquidx.net/" title="stats for various parts of my website">stats</a></li>
+             		<li class="tab" id="status"><a href="http://www.liquidx.net/status/" title="weather report for alastair">status</a></li>
+             		<li class="tab" id="about"><a href="http://al.tse.id.au/" title="about alastair tse">aboutme</a></li>
+        		</ul>
+        	</div>
+    	</div>
+		<div id="quickbuttons">
+			<span class="quickbutton"><a href="http://www.liquidx.net/albumartwidget/"><img src="http://media.liquidx.net/imgx/quick_widget.png" alt="album art widget" /></a></span>
+			<span class="quickbutton"><a href="http://www.liquidx.net/plotkit/"><img src="http://media.liquidx.net/imgx/quick_plotkit.png" alt="plotkit" /></a></span>
+			<span class="quickbutton"><a href="http://www.liquidx.net/fruity/"><img src="http://media.liquidx.net/imgx/quick_fruity.png" alt="fruity" /></a></span>
+		</div>
+		
+	</div>
+    
+    <div id="body">
+<div class="page doc">
+
+<p> <a href="PlotKit.html">PlotKit Home</a> | <a href="PlotKit.SVG.html">&lt;&lt;</a> | <a href="PlotKit.SweetSVG.html">&gt;&gt;</a> 
+</p>
+
+<h1> PlotKit Sweet Canvas Renderer</h1>
+<p>This renderer is an extension of the basic Canvas Renderer to show off
+   what you can do to make graphs pretty without learning any graph
+   layout code.
+</p>
+<p>There are no extra methods or options to use. The interface is exactly
+   the same as <code>PlotKit.Canvas</code>'s CanvasRenderer.
+</p>
+<p>SweetCanvasRenderer adds a fake shadow around bars, lines and circles
+   along with a 2.0 width white outline and a etched light coloured
+   background.
+</p>
+
+<h1> Example</h1>
+
+
+</div>
+</div>
+
+    
+	
+    
+    <div id="footer">
+		<div class="block">
+			<h3>Syndication Feeds:</h3>
+			<p>
+				<ul class="tiny">
+					<li><a href="http://www.liquidx.net/blog/feed/atom/" class="feed" title="feed for all posts on liquidx.net"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />Atom Feed for the Blog Entries</a></li>
+					<li><a href="http://www.liquidx.net/blog/feed/rss/" class="feed" title="feed for all posts on liquidx.net"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />RSS Feed for the Blog Entries</a></li>
+					<li><a href="http://www.liquidx.net/comments/feed/atom/" class="feed" title="feed for all posts on liquidx.net"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />Feed for All Comments</a></li>
+					<li><a href="http://www.liquidx.net/links/feed/atom/" class="feed" title="feed for all bookmarked links"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />Feed for Links</a></li>
+				</ul>
+			</p>
+		</div>
+		<div class="block">
+			<h3>About this site:</h3>
+			<p>Content on this site is licensed under <a href="http://creativecommons.org/licenses/by/2.5/">CC By Attribution</a> unless otherwise specified. 
+			Copyright (c) 2002-2006, <a href="http://al.tse.id.au/">Alastair Tse</a>.</p>
+			<p>For more information, see <a href="http://al.tse.id.au/">al.tse.id.au</a>.</p>
+			<p><script type="text/javascript" src="http://technorati.com/embed/itwctkzez.js"></script></p>
+		</div>
+		<div class="block">
+			<h3>Is Made Possible By:</h3>
+			<p>
+			<dl>
+				<dt><a href="http://ecto.kung-foo.tv/" class="clean">ecto</a>. </dt>
+				<dd>Blogging client for Mac</dd>
+				<dt><a href="http://djangoproject.com/" class="clean">Django</a>. </dt>
+				<dd>Python Web Framework</dd>
+				<dt><a href="http://www.lighttpd.net/" class="clean">lighttpd</a>. </dt> 
+				<dd>Really Fast Web Server</dd>
+				<dt><a href="http://www.saddi.com/software/flup/" class="clean">flup</a>. </dt>
+				<dd>FastCGI for Python</dd>
+			</dl>
+			</p>
+		</div>
+        <div class="block">
+            <h3>Search My Sites:</h3>
+            <p>
+           <div style='margin: 10px; text-align: center; width: 160px;'><form action='http://www.rollyo.com/search.html' ><fieldset style='margin: 0; padding: 4px 0 0 0; height: 60px; border: none; background: url(http://rollyo.com/remote/togo-bg4.png) no-repeat top left;'><div style="position: absolute; float:left; z-index:99; width: 46px; height: 50px;"><a href="http://rollyo.com"><img style="border: none;" height="50" width="46" src="http://rollyo.com/remote/x.gif"></a></div> <input type='text' size='30' style='float: left; width: 90px; margin: 2px 0 0 48px; padding: 0; font-size: 12px;' name='q' value='Search...' onclick='this.value="";' /><br /> <select name='sid' style='float: left; width: 78px; height: 15px; margin: 12px 0 0 46px; font-size: 7pt; padding: 0;'><option value='106081' selected='selected'>liquidx</option><option value='web'>Search The Web</option></select><input type='image' src='http://rollyo.com/remote/btn-togo.png' alt='Go' style='margin: 12px 0 0 3px; float: left;' /><input type='hidden' name='togo-v' value='1' /></fieldset></form></div>
+               </p>
+          </div>
+         
+    
+		<div class="clear">&nbsp;</div>
+        
+    </div>
+
+
+
+   <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+   <script type="text/javascript">
+   _uacct = "UA-58117-1";
+   urchinTracker();
+   </script>
+
+</body>
+</html>