PlotKit.SweetSVG.html
7.37 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
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.SweetSVG | 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.SweetCanvas.html"><<</a> | <a href="PlotKit.EasyPlot.html">>></a>
</p>
<h1> PlotKit Sweet SVG Renderer</h1>
<p>This renderer is an extension of the basic SVG 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.SVG</code>'s SVGRenderer.
</p>
<p>SweetSVGRenderer 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"> </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>