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

#

A simple but powerful library for building data applications in pure Javascript and HTML.

Recline re-uses best-of-breed presentation libraries like SlickGrid, Leaflet, Flot and D3 to create data 'Views' and allows you to connect them with your data in seconds.

Documentation » Tutorials » Demos »

### Get started fast

    // Load some data
    var dataset = recline.Model.Dataset({
      records: [
        { value: 1, date: '2012-08-07' },
        { value: 5, b: '2013-09-07' }
      ]
      // Load CSV data instead
      // (And Recline has support for many more data source types)
      // url: 'my-local-csv-file.csv',
      // backend: 'csv'
    });

    // get an element from your HTML for the viewer
    var $el = $('#data-viewer');

    var allInOneDataViewer = new recline.View.MultiView({
      model: dataset,
      el: $el
    });
    // Your new Data Viewer will be live!