text: //Year Display
  define([
      'd3',
      'lodash',
      'base/component',
      'base/utils'
  ], function(d3, _, Component, utils) {
  
  
      var YearDisplay = Component.extend({
  
  		/*
           * INIT:
           * Executed once, before template loading
           */
          init: function(options, context) {
              this.name = "year-display";
              this.template = "components/_examples/year-display/year-display";
              this._super(options, context);
          },
  
          /*
           * POSTRENDER:
           * Executed after template is loaded
           * Ideally, it contains instantiations related to template
           */
          postRender: function() {
  
          },
  
  
          /*
           * UPDATE:
           * Executed whenever data is changed
           * Ideally, it contains only operations related to data events
           */
          update: function() {
              var time = this.model.get("value"),
                  decimals = utils.countDecimals(this.model.get("step")),
                  time = time.toFixed(decimals);
              this.element.html(time);
          },
  
          /*
           * RESIZE:
           * Executed whenever the container is resized
           * Ideally, it contains only operations related to size
           */
          resize: function() {
              //code here
          },
  
  
      });
  
      return YearDisplay;
  
  });
  