anchor.diff:  
         setSrc(iframe, params);
       })
  -  })
  -
  -  function showVisualisations(selector, metric) {
  -    selector.find('label').addClass('hidden')
  -    $.each(metric.data('visualisations').split(','), function( index, value ) {
  -      selector.find('.' + value).removeClass('hidden')
  -    });
  -    selector.removeClass('hidden')
  -  }
  -
  -  function setSrc(iframe, params) {
  -    var uri = URI(iframe.attr('src'))
  -    uri.removeQuery(Object.keys(params));
  -    url = uri.addQuery(params).toString();
  -    iframe.attr('src', url)
     }
   </script>
  
positive.code:     // Show the table
      table.removeClass('hidden');
  
      var picker = $(table).find('.colourpicker').colorpicker()
      var metrics = $(table).find('.metric')
      var visualisations = $(table).find('.visualisation')
  
      picker.on('changeColor', function(ev){
        var iframe = $(this).parent().parent().find('iframe')
  
negative.code: 
    <div class="form-group">
      <label for="title">Number of rows</label>
      <input type="number" class="form-control rowcols" id="rows" value="3" name="dashboard[rows]" min="1" max="3">
      <div class="help-block">Maxiumum 3 rows</div>
    </div>
  
    <div class="form-group">
      <label for="title">Number of columns</label>
      <input type="number" class="form-control rowcols" id="columns" value="3" name="dashboard[columns]" min="1" max="4">
      <div class="help-block">Maxiumum 4 columns</div>
    </div>
  
  