---
layout: default
title: Home
---

<section class="home-page page-header">
  <div class="container">
    <div class="row">
      <div class="span8 offset4">
        <h1>
          <a href="docs/"><img src="images/logo.png" width="455" height="190" alt="Recline Data Explorer and Library"></a>
        </h1>
        <div class="inner">
          <p>A simple but powerful library for building data<br> 
          applications in pure Javascript and HTML.</p>
          <div class="buttons">
            <a class="btn btn-info btn-large" href="http://github.com/okfn/recline/"><i class="icon-github icon-white"></i> GitHub</a> <a class="btn btn-primary btn-large" href="download.html"><i class="icon-arrow-down icon-white"></i> Download</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="grey">
  <div class="container">
    <div class="row">
      <div class="span4">
        <div class="box docs">
          <h3><a href="docs/">Documentation</a></h3>
          <ul>
            <li><a href="docs/">Concepts and Structure</a></li>
            <li><a href="docs/#docs-source">Source Docs</a></li>
          </ul>
        </div>
      </div>
      <div class="span4">
        <div class="box tuts">
          <h3><a href="docs/tutorials.html">Tutorials</a></h3>
          <ul>
            <li><a href="docs/tutorial-basics.html">Dataset Basics</a></li>
            <li><a href="docs/tutorial-basics-query.html">Dataset Querying</a></li>
            <li><a href="docs/tutorial-basics-events.html">Datasets and Events</a></li>
            <li><a href="docs/tutorials.html">More</a></li>
          </ul>
        </div>
      </div>
      <div class="span4">
        <div class="box demos">
          <h3><a href="demos/">Demos</a></h3>
          <ul>
            <li><a href="demos/multiview/">Multiview Demo</a></li>
            <li><a href="http://explorer.datahub.io/">Data Explorer</a></li>
            <li><a href="http://timeliner.reclinejs.com/">Timeliner</a></li>
            <li><a href="http://bit.ly/recline-explorer-crime-sf">Crime Maps</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>