Go to file
Francisco Dans dca842a08c Merge pull request #125 from CartoDB/named-params-fix
Adds params to request in torque named maps
2015-02-13 17:22:11 +01:00
css/jqueryui-smoothness scrubbable torque 2013-03-29 18:43:29 -07:00
dist adds dist files for 2.8 2015-01-14 17:00:00 +01:00
doc Merge pull request #123 from CartoDB/addtodoc 2015-02-10 17:37:24 +01:00
examples updates vendor carto dist 2015-01-19 15:23:20 +01:00
img added example pause/play button 2013-04-02 20:50:49 -04:00
lib/torque OCD 2015-02-13 17:16:50 +01:00
template recenter 2013-04-22 11:37:12 -04:00
test adds test for named maps params fix 2015-02-13 16:10:20 +01: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 Add travis config to run tests 2014-12-09 18:08:54 +01:00
index.html adds loop option to gui 2014-12-15 16:04:53 +01:00
LICENSE.txt more cleanup 2012-09-30 20:50:13 -04:00
Makefile adds uncompressed full dist 2015-01-14 13:57:51 +01:00
NEWS updates NEWS with 2.8 changes 2015-01-14 17:00:21 +01:00
package.json ego 2015-01-19 15:23:51 +01:00
README.md Adds travis badge 2014-12-10 10:52:01 +01: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)