topical media & game development

talk show tell print

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.