estiy usando react js con next para un mapa necesito categorizar por colores unos numeros pero realmente aun no me ha funcionado Debo sacar de esos colores 6 categorias pinta un mapa departamentos las categorias son asi: 0= Gris 1-50= un color 51-100 101-200 201-500 501-1000
const giveColor = (localidadProperties) => {
let density = Math.ceil(localidadProperties.density * 10) / 10
//console.log("density es:", density)
const gradient = {
0.0: "#000000",
0.1: "#56A7E7",
0.2: "#3D92D5",
0.3: "#368CCF",
0.4: "#2C81C3",
0.5: "#2375B4",
0.6: "#196AA9",
0.7: "#125F9B",
0.8: "#065593",
0.9: "#064C83",
1.0: "#064576",
}
return gradient[density]
};