CartoDB: Torque animation timeslider

Question

I've an animated torque visualization in CartoDB. The Time Column of animation is date type: 2015-07-03T00:00:00Z The visualization is ok, but in the mapview the timeslider write the steps like '07/03/2015' (month/day/year). And I want the timeslider write '3 JUL' (day monthshortname).

How I can do this?

Answer 1

The Torque formatter is not editable via the CartoDB Editor at this moment. In order to edit it to show a different date format you'd need to use Javascript and the CartoDB.js library.

You can check a working example here, but the key code is:

cartodb.createVis('map', 'YOUR_TORQUE_VIZJSON_URL')
        .done(function(vis, layers) {
          //For CartoDB.js versions 3.12 an up
          var slider = vis.timeSlider;
          //For CartoDB.js version 3.11
          //var slider = vis.getOverlay('time_slider')

          slider.formatter(function(d) {

            return d.getUTCDay() + " " + d.getUTCMonth();

          })
        })
        .error(function(err) {
          console.log(err);
        });

You might want to edit the line that returns the formatted line, in this case "return d.getUTCDay() + " " + d.getUTCMonth();". This StackOverflow question could be useful in this case.