topical media & game development

talk show tell print

graphic-javascript-vector-impact.htm / htm

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "">
  <html lang="en">
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <title>Impact 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-alt-impact.js" type="text/javascript" charset="utf-8"></script>
          <script src="graphic-javascript-vector-impact-code.js" type="text/javascript" charset="utf-8"></script>
          <script type="text/javascript" charset="utf-8">
          <style type="text/css" media="screen">
              body {
                  background: #000;
                  color: #fff;
                  margin: 20px 100px;
                  font: 100.1% Helvetica, Arial, sans-serif;
                  line-height: 1.3;
              #chart {
                  width: 100%;
                  _width: 500px;
                  overflow: auto;
                  clear: left;
              .invisible {
                  visibility: hidden;
              .hidden {
                  display: none;
              #legend2 {
                  -moz-border-radius: 2px;
                  -webkit-border-radius: 2px;
                  width: 1em;
                  height: 1em;
                  border: solid 1px #000;
                  margin-right: .3em;
                  line-height: 1;
              #name2 {
                  float: left;
                  clear: left;
              #name div,
              #name2 div {
                  float: left;
              #placeholder {
                  clear: left;
                  color: #999;
              #loader {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  margin: -16px 0 0 -16px;
              em {
                  color: #666;
                  font-style: normal;
              form {
                  margin: 0;
                  padding: 0;
              fieldset {
                  margin: 0;
                  padding: 0;
                  border: none;
          <!-- <form action="#">
                  <input type="text" name="un" value="toolmantim" id="un">
                  <input type="text" name="pn" value="webjam" id="pn">
                  <input type="submit" value="Update" id="submit">
          </form> -->
          <div id="name2" class="hidden">
              <div id="legend2">&nbsp;</div>
              <div id="username2">legend</div>
          <div id="placeholder">mouse over the graph for more details</div>
          <div id="chart"></div>
          <!-- <img src="ajax-loader.gif" width="32" height="32" alt="Ajax Loader" id="loader"> -->

(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.