  

  


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
        <title>Home - sparklines.js - GitHub</title>
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
    <link rel="fluid-icon" href="http://github.com/fluidicon.png" title="GitHub" />


    <link href="http://assets0.github.com/stylesheets/bundle_common.css?7ad939d173d4570ea03788d947f22a2da46eac7b" media="screen" rel="stylesheet" type="text/css" />
<link href="http://assets3.github.com/stylesheets/bundle_github.css?7ad939d173d4570ea03788d947f22a2da46eac7b" media="screen" rel="stylesheet" type="text/css" />

    <script type="text/javascript" charset="utf-8">
      var GitHub = {}
      var github_user = null
    </script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://assets2.github.com/javascripts/bundle_common.js?7ad939d173d4570ea03788d947f22a2da46eac7b" type="text/javascript"></script>
<script src="http://assets3.github.com/javascripts/bundle_github.js?7ad939d173d4570ea03788d947f22a2da46eac7b" type="text/javascript"></script>

    <script type="text/javascript" charset="utf-8">
      GitHub.spy({
        repo: "lethain/sparklines.js"
      })
    </script>

    
  <link href="http://github.com/feeds/lethain/commits/sparklines.js/master" rel="alternate" title="Recent Commits to sparklines.js:master" type="application/atom+xml" />

    <meta name="description" content="A javascript library for creating bar and line Sparklines." />
    <script type="text/javascript">
      GitHub.nameWithOwner = GitHub.nameWithOwner || "lethain/sparklines.js";
      GitHub.currentRef = "master";    
    </script>
  

    
  </head>

  

  <body>
    

    <div id="main">
      <div id="header" class="">
        <div class="site">
          <div class="logo">
            <a href="http://github.com"><img src="/images/modules/header/logov3.png" alt="github" /></a>
          </div>
          
          <div class="topsearch">
  
    <form action="http://github.com/search" id="top_search_form" method="get">
      <a href="http://github.com/search" class="advanced-search tooltipped downwards" title="Advanced Search">Advanced Search</a>
      <input type="search" class="search repo_autocompleter" name="q" results="5" placeholder="Search GitHub&hellip;" /> <input type="submit" value="Search", class="button" />
      <input type="hidden" name="type" value="Everything" />
      <input type="hidden" name="repo" value="" />
      <input type="hidden" name="langOverride" value="" />
      <input type="hidden" name="start_value" value="1" />
    </form>
  
  
    <ul class="nav logged_out">
      
        <li><a href="http://github.com">Home</a></li>
        <li class="pricing"><a href="http://github.com/plans">Pricing and Signup</a></li>
        <li><a href="http://github.com/popular/forked">Explore GitHub</a></li>
        
        <li><a href="/blog">Blog</a></li>
      
      <li></li>
    </ul>
  
</div>
        </div>
      </div>

      
        
      <div id="repo_menu">
        <div class="site">
          <ul>
            
              <li class=""><a href="http://github.com/lethain/sparklines.js/tree/master">Source</a></li>

              <li class=""><a href="http://github.com/lethain/sparklines.js/commits/master">Commits</a></li>

              
              <li class=""><a href="http://github.com/lethain/sparklines.js/network">Network</a></li>

              

              
                
                
              

              
                
                <li class=""><a href="http://github.com/lethain/sparklines.js/downloads">Downloads</a></li>
              

              
                
                <li class="active"><a href="http://wiki.github.com/lethain/sparklines.js">Wiki</a></li>
              

              <li class=""><a href="http://github.com/lethain/sparklines.js/graphs">Graphs</a></li>

              

            
          </ul>
        </div>
      </div>

    <div id="repo_sub_menu">
      <div class="site">
        <div class="joiner"></div>
        

        

        

        
      </div>
    </div>

    <div class="site">
      



<div id="repos">
  


<script type="text/javascript">
  GitHub.currentCommitRef = "master"
  GitHub.currentRepoOwner = "lethain"
  GitHub.currentRepo = "sparklines.js"
  
</script>



  <div class="repo public" id="repo_details">
    <div class="title">
      <div class="path">
        <a href="/lethain">lethain</a> / <b><a href="http://github.com/lethain/sparklines.js">sparklines.js</a></b>

        

          <span id="edit_button" style="display:none;">
            <a href="/lethain/sparklines.js/edit"><img alt="edit" class="button" src="http://assets3.github.com/images/modules/repos/edit_button.png?7ad939d173d4570ea03788d947f22a2da46eac7b" /></a>
          </span>

          
            <span id="pull_request_button" style="display:none;">
              <a href="/lethain/sparklines.js/pull_request/" class="pull_request_button"><img alt="pull request" class="button" src="http://assets3.github.com/images/modules/repos/pull_request_button.png?7ad939d173d4570ea03788d947f22a2da46eac7b" /></a>
            </span>

            <span id="fork_button">
              <form method="POST" action="/lethain/sparklines.js/fork" style="display:inline;">
                <input alt="fork" class="button" src="http://assets3.github.com/images/modules/repos/fork_button.png?7ad939d173d4570ea03788d947f22a2da46eac7b" type="image" />
              </form>
            </span>
          

          <span id="watch_button">
            <a href="/lethain/sparklines.js/toggle_watch" class="toggle_watch"><img alt="watch" class="button" src="http://assets3.github.com/images/modules/repos/watch_button.png?7ad939d173d4570ea03788d947f22a2da46eac7b" /></a>
          </span>

          <span id="unwatch_button" style="display:none;">
            <a href="/lethain/sparklines.js/toggle_watch" class="toggle_watch"><img alt="watch" class="button" src="http://assets2.github.com/images/modules/repos/unwatch_button.png?7ad939d173d4570ea03788d947f22a2da46eac7b" /></a>
          </span>

          
            <a href="/lethain/sparklines.js/archives/master" id="download_button">
              <img alt="download tarball" class="button" src="http://assets1.github.com/images/modules/repos/download_button.png?7ad939d173d4570ea03788d947f22a2da46eac7b" />
            </a>
          
        
      </div>

      <div class="security private_security" style="display:none">
        <a href="#private_repo" rel="facebox"><img src="/images/icons/private.png" alt="private" /></a>
      </div>

      <div id="private_repo" class="hidden">
        This repository is private.
        All pages are served over SSL and all pushing and pulling is done over SSH.
        No one may fork, clone, or view it unless they are added as a <a href="/lethain/sparklines.js/edit">member</a>.

        <br/>
        <br/>
        Every repository with this icon (<img src="/images/icons/private.png" alt="private" />) is private.
      </div>

      <div class="security public_security" style="">
        <a href="#public_repo" rel="facebox"><img src="/images/icons/public.png" alt="public" /></a>
      </div>

      <div id="public_repo" class="hidden">
        This repository is public.
        Anyone may fork, clone, or view it.

        <br/>
        <br/>
        Every repository with this icon (<img src="/images/icons/public.png" alt="public" />) is public.
      </div>

      

        <div class="flexipill">
          <a href="/lethain/sparklines.js/network">
          <table cellpadding="0" cellspacing="0">
            <tr><td><img alt="Forks" src="http://assets0.github.com/images/modules/repos/pills/forks.png?7ad939d173d4570ea03788d947f22a2da46eac7b" /></td><td class="middle"><span>2</span></td><td><img alt="Right" src="http://assets0.github.com/images/modules/repos/pills/right.png?7ad939d173d4570ea03788d947f22a2da46eac7b" /></td></tr>
          </table>
          </a>
        </div>

        <div class="flexipill">
          <a href="/lethain/sparklines.js/watchers">
          <table cellpadding="0" cellspacing="0">
            <tr><td><img alt="Watchers" src="http://assets3.github.com/images/modules/repos/pills/watchers.png?7ad939d173d4570ea03788d947f22a2da46eac7b" /></td><td class="middle"><span>17</span></td><td><img alt="Right" src="http://assets0.github.com/images/modules/repos/pills/right.png?7ad939d173d4570ea03788d947f22a2da46eac7b" /></td></tr>
          </table>
          </a>
        </div>
      </div>

    <div class="meta">
      <table>
        
        <tr>
          <td class="label" style="vertical-align:top">Description:</td>
          <td>
            <span id="repository_description" rel="/lethain/sparklines.js/edit/update">A javascript library for creating bar and line Sparklines.</span>
            <a href="#description" class="edit_link action" style="display:none;">edit</a>
          </td>
        </tr>

        
      </table>

          </div>
  </div>






</div>

<div id="guides">
  <div class="guide">
    <!-- main content -->
    
    <div class="main">

      
        <div class="actions">
          <a href="http://wiki.github.com/lethain/sparklines.js">Home</a> 
          | <a href="http://github.com/lethain/sparklines.js/wikis/home/edit">Edit</a> | 
          <a href="http://github.com/lethain/sparklines.js/wikis/new">New</a>
        </div>
      

      <h1>Home</h1>

      <div class="wikistyle">
        <p>Tasks</p>
<p>1. Allow arbitrary start and stop points for scaling (viewport could be 0 to 150, etc).</p>
<p>2. Remove dependency on processing.js.</p>
      </div>
    </div>
    
    <!-- sidebar -->
    
    <div class="sidebar">
      <h3> 
        Pages 
        <a href="http://wiki.github.com/lethain/sparklines.js/wikis.atom"><img alt="feed" src="http://assets1.github.com/images/icons/feed.png?7ad939d173d4570ea03788d947f22a2da46eac7b" title="Feed of recent sparklines.js wiki edits" /></a>
      </h3>
      
<!--# block name="pages" -->
      <ul>
  
    <li><b><a href="http://wiki.github.com/lethain/sparklines.js">Home</a></b></li>
  
</ul>

<!--# endblock -->

<!--# include virtual="/lethain/sparklines.js/_all_pages" stub="pages" -->
      
    </div>

  </div>
  
  <!-- admin -->
    
  
    <div class="admin">
      <div style="float:left;">
        <small>Last edited by <b>lethain</b>, <abbr class="relatize" title="2008-06-30 04:46:38">Mon Jun 30 04:46:38 -0700 2008</abbr></small>

        <div class="actions">
          <a href="http://wiki.github.com/lethain/sparklines.js">Home</a> 
          | <a href="http://github.com/lethain/sparklines.js/wikis/home/edit">Edit</a> | 
          <a href="http://github.com/lethain/sparklines.js/wikis/new">New</a>
        </div>
      </div>

      <div style="float:right;">
        <small>Versions:</small>
        <select id="versions_select" name="versions_select"><option value="http://github.com/lethain/sparklines.js/wikis/home">Current</option><option value="http://wiki.github.com/lethain/sparklines.js/home/2">Version 2 by lethain</option><option value="http://wiki.github.com/lethain/sparklines.js/home/1">Version 1 by lethain</option></select>
      </div>
    </div>
      
</div>



    </div>
  
      

      <div class="push"></div>
    </div>

    <div id="footer">
      <div class="site">
        <div class="info">
          <div class="links">
            <a href="http://github.com/blog"><b>Blog</b></a> |
            <a href="http://support.github.com/">Support</a> |
            <a href="http://github.com/training">Training</a> |
            <a href="http://github.com/contact">Contact</a> |
            <a href="http://develop.github.com">API</a> |
            <a href="http://twitter.com/github">Status</a> |
            <a href="http://twitter.com/github">Twitter</a> |
            <a href="http://help.github.com">Help</a> |
            <a href="http://github.com/security">Security</a>
          </div>
          <div class="company">
            <span id="_rrt" title="0.04394s from fe2.rs.github.com">GitHub</span>&trade;
            is <a href="http://logicalawesome.com/">Logical Awesome</a> &copy;2009 | <a href="/site/terms">Terms of Service</a> | <a href="/site/privacy">Privacy Policy</a>
          </div>
        </div>
        <div class="sponsor">
          <div>
            Powered by the <a href="http://www.rackspace.com ">Dedicated
            Servers</a> and<br/> <a href="http://www.rackspacecloud.com">Cloud
            Computing</a> of Rackspace Hosting<span>&reg;</span>
          </div>
          <a href="http://www.rackspace.com">
            <img alt="Dedicated Server" src="http://assets3.github.com/images/modules/footer/rackspace_logo.png?7ad939d173d4570ea03788d947f22a2da46eac7b" />
          </a>
        </div>
      </div>
    </div>

    <div id="coming_soon" style="display:none;">
      This feature is coming soon.  Sit tight!
    </div>

    
        <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    var pageTracker = _gat._getTracker("UA-3769691-2");
    pageTracker._initData();
    pageTracker._trackPageview();
    </script>

    
  </body>
</html>

