JSFiddle - React, Tailwind, and code Playground

by igor_9000

JavaScript

function updateColors(obj) {
	if(obj.count == 1) {
    	obj.fillColor = "red";
    } else if(obj.count < 3) {
    	obj.fillColor = "yellow";
    } else if(obj.count < 10) {
    	obj.fillColor = "green";
    } else {
    	obj.fillColor = "blue";
    }
}


var responses = ["C04", "C04", "C09", "C21", "C24", "C26", "C43", "C46", "C46", "C66", "C68", "C21", "C09", "C21", "C21", "C21", "E10", "E11", "E13", "E14", "E20", "E20", "E22", "E26", "G10", "G10", "G10", "G10", "G10", "G10", "G10", "G10", "G23", "G38", "G38", "G60", "G60", "G60", "G10", "G10", "G10", "G60", "L15", "L30", "L30", "L30", "L31", "L32", "L32", "L35", "L55", "L55", "L72", "L95", "L30", "L30", "L55", "L30", ""];


var results = [];
for (var i = 0; i < responses.length; i++) {
	var found = false;
	for( var j = 0; j < results.length; j++ ) {
  	if(results[j].name == responses[i]) {
    	results[j].count++;
      updateColors(results[j]);
      found = true;
      j = results.length;
    }
  }
  if(!found) {
  	results.push({name: responses[i], count: 1, fillColor: 'red', fillOpacity: 0.25})
  }	
}

console.log(results)