topical media & game development
graphic-javascript-vector-pie.htm / htm
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pie chart</title>
<script src="graphic-javascript-vector-raphael.js" type="text/javascript" charset="utf-8"></script>
<script src="graphic-javascript-vector-jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="graphic-javascript-vector-pie.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css" media="screen">
body {
background: #000;
color: #fff;
text-align: center;
}
#holder {
position: relative;
margin: 0 auto;
width: 750px;
}
#holder div {
top: 0;
left: 0;
}
</style>
</head>
<body>
<table>
<tr>
<th>Ruby</th>
<td>40%</td>
</tr>
<tr>
<th>JavaScript</th>
<td>26%</td>
</tr>
<tr>
<th>Shell</th>
<td>5%</td>
</tr>
<tr>
<th>Python</th>
<td>5%</td>
</tr>
<tr>
<th>PHP</th>
<td>4%</td>
</tr>
<tr>
<th>C</th>
<td>4%</td>
</tr>
<tr>
<th>Perl</th>
<td>3%</td>
</tr>
<tr>
<th>C++</th>
<td>2%</td>
</tr>
<tr>
<th>Java</th>
<td>2%</td>
</tr>
<tr>
<th>Objective-C</th>
<td>2%</td>
</tr>
</table>
<div id="holder"></div>
</body>
</html>
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.