graph-width.js

var setWidthOfRow = function(item, index) {
  var selector = `#miles-${index}`;
  var width;
  var itemDistance = item.distance;
  
  var amountOfActivities = activities.length;
  if (amountOfActivities < 7) {
    activityNormalizer = (7 - amountOfActivities) / 2
  } else {
    activityNormalizer = 1;
  }

  if (totalDistance === 0) {
    width = maxWidth / runs.length;
    $(selector).addClass("no-miles");
  } else if (itemDistance === 0 ) {
    var fakeDist = totalDistance / runs.length;
    width = roundToSingleDecimal((fakeDist / runs.length), 1) * maxWidth / activityNormalizer;
    $(selector).addClass("no-miles");
  } else {
    width = roundToSingleDecimal((itemDistance / totalDistance), 1) * maxWidth / activityNormalizer;
  }
  $(selector).css("width", `${width}px`);
};