display_people.js

var areasToDefine = 11;
var dotMax = 0;
var dotMin = 0;
var dotAreas = [];

var showActualValue = function() {
  var matrixDotElem = $(this);
  var val = matrixDotElem.attr('value') || '0';
  $('.display-count .count-value').text(val);
};

var hideActualValue = function() {
  $('.display-count .count-value').text('-');
};

var addHoverListeners = function() {
  $('.matrixdot').hover(showActualValue);
  $('.quadrant').mouseleave(hideActualValue);
};

var addMatrixClasses = function() {
  $('.matrixdot').each(function() {
    var arrIsIterated = false;
    var className;
    var dotElem = $(this);
    var dotElemValue = parseInt(dotElem.attr('value'), 10);
    var elemIsBelow = false;
    var i = 0;

    while(i < dotAreas.length) {
      elemIsBelow = dotElemValue < dotAreas[i];
      arrIsIterated = i + 1 >= dotAreas.length;

      if (elemIsBelow || arrIsIterated) {
        className = i > 0 ?
          'op-' + i + '0' :
          'op-0';

        dotElem.addClass(className);
        break;
      }
      i++;
    }
  });
};

var setDotsValues = function() {
  var area = 0;
  var i = 0;
  var dotsValues = [];
  var dotsValuesAvg = 0;
  var dotsValuesSum = 0;

  $('.matrixdot').each(function() {
    var val = parseInt($(this).attr('value'), 10)
    dotsValues.push(val);
    dotsValuesSum += val;
  });

  dotsValuesAvg = Math.floor(dotsValuesSum / dotsValues.length * 10) / 10;
  $('.display-count .avg-value').text(dotsValuesAvg);

  dotMax = Math.max.apply(Math, dotsValues);

  while (i++ < areasToDefine) {
    area = Math.floor(dotMax / areasToDefine * i);
    dotAreas.push(area);
  }
};

var displayMaxEntry = function() {
  $('.display-count .max-value').text(dotMax);
};

$(document).ready(setDotsValues);
$(document).ready(addHoverListeners);
$(document).ready(addMatrixClasses);
$(document).ready(displayMaxEntry);