Go to file
2016-01-14 12:12:33 +01:00
dist Regenerate bundles 2015-11-06 12:49:42 +01:00
doc adds zoom and value to examples 2016-01-14 12:12:33 +01:00
examples passes tilejson example to different file 2015-09-22 11:47:53 +02:00
img added example pause/play button 2013-04-02 20:50:49 -04:00
lib Pass extra_params to server 2015-10-30 06:11:19 -07:00
template recenter 2013-04-22 11:37:12 -04:00
test Merge pull request #225 from CartoDB/get_values 2015-10-02 18:53:21 +02:00
.gitignore Fix suite, use make prepare-test-suite and open test/suite.html or 2014-12-09 18:06:56 +01:00
.travis.yml second att 2015-08-04 16:51:42 +02:00
index.html adds loop option to gui 2014-12-15 16:04:53 +01:00
LICENSE.txt replaces Vizzuality with Cartodb 2015-07-30 16:01:57 +02:00
Makefile added getValues to fetch values for step. Also adds some signals needed to be able to use it and some fixes to the makefile 2015-10-02 17:29:53 +02:00
NEWS Stubs next version 2015-11-06 12:51:59 +01:00
package.json Stubs next version 2015-11-06 12:51:59 +01:00
README.md CLA thing 2015-09-07 12:35:05 +02:00

Torque

Build Status

Render big, timeseries data in the client. Uses CartoDB to generate a datacube format. For a brief introduction to the format and methods, see our presentation slides

CartoDB users can use this code right away. Specify your username/tablename and datecolumn to get mapping time immediatley.

Have fun!

Torque library reference

Torque lets you render big, timeseries or categorical data in the client. This is useful for many modern applications that need more than just a static map. Early versions of Torque have been used to visualize human movement, Twitter activity, biodiversity data, and many more large-scale datasets.

The library uses CartoDB to generate a layercube format. For a brief introduction to the format and methods, see our presentation slides. If you are not using CartoDB to host your data, you can modify the input parameters to point toward any layercube service.

Getting started

The simplest way to use a visualization with Torque is...

Create a simple Torque visualization
``` javascript ...
... // define the torque layer style using cartocss var CARTOCSS = [ 'Map {', '-torque-time-attribute: "date";', '-torque-aggregation-function: "count(cartodb_id)";', '-torque-frame-count: 760;', '-torque-animation-duration: 15;', '-torque-resolution: 2', '}', '#layer {', ' marker-width: 3;', ' marker-fill-opacity: 0.8;', ' marker-fill: #FEE391; ', ' comp-op: "lighten";', ' [value > 2] { marker-fill: #FEC44F; }', ' [value > 3] { marker-fill: #FE9929; }', ' [value > 4] { marker-fill: #EC7014; }', ' [value > 5] { marker-fill: #CC4C02; }', ' [value > 6] { marker-fill: #993404; }', ' [value > 7] { marker-fill: #662506; }', ' [frame-offset = 1] { marker-width: 10; marker-fill-opacity: 0.05;}', ' [frame-offset = 2] { marker-width: 15; marker-fill-opacity: 0.02;}', '}' ].join('\n');
  var map = new L.Map('map', {
    zoomControl: true,
    center: [40, 0],
    zoom: 3
  });

  L.tileLayer('http://{s}.api.cartocdn.com/base-dark/{z}/{x}/{y}.png', {
    attribution: 'CartoDB'
  }).addTo(map);

  var torqueLayer = new L.TorqueLayer({
    user       : 'viz2',
    table      : 'ow',
    cartocss: CARTOCSS
  });
  torqueLayer.addTo(map);
  torqueLayer.play()

<script>
[Grab the complete example source code](https://github.com/CartoDB/torque/blob/master/examples/navy_leaflet.html)
<div class="margin20"></div>

### API
[see reference](https://github.com/CartoDB/torque/blob/master/doc/API.md)

## Submitting Contributions

* You will need to sign a Contributor License Agreement (CLA) before making a submission. [Learn more here.](https://cartodb.com/contributing)