Celdacolor

Qué y para qué

Celdacolor es una aplicación web interactiva programada en PHP y JavaScript, que permite agregar color a una matriz, celda por celda, dependiendo del valor contenido en cada celda.

Esta funcionalidad es crucial para garantizar que Excel reconozca los colores de las celdas cuando se copian desde la página que contiene la matriz. Si las celdas se colorean de manera general usando una hoja de estilos, al copiarlas, Excel solo recibe los valores, y los colores se pierden. Por esta razón cree esta funcionalidad, cuyo código es de acceso libre y lo comparto en GitHub.

Además, cree un demo que se llama Celdacolor, para que puedas ver en funcionamiento la facilidad en acción

Funcionamiento

En algunas mediciones de datos, suelen establecerse umbrales, algunos también los llaman semáforos. Estos son rangos de datos a los que se les asocia un color, y permiten de una manera visual, observar el comportamiento de una data, identificar valores con diferentes niveles de criticidades, estableces alarmas y demás acciones. Por ejemplo, las estadísticas de las notas de un salón de clases que tenga evaluaciones que vayan desde el 0, la nota más baja, a 10, la nota más alta, podría establecerse el siguiente semáforo o conjunto de rangos: rojo para los que estén por debajo de 4, amarillo para los que estén de 5 a 7 y verde para quienes estén por encima de 7. Si se tuviera un conjunto numeroso de datos, esta distinción por colores, sería suficiente para ver cómo se distribuyen dentro de los rangos. También pudiera ser un sistema de monitoreo de presión de una caldera, o el número de errores de un dispositivo, etc. 

Celdacolor entonces permite crear no sólo un semáforo, sino varios. Así, siguiendo con el ejemplo de las notas, un profesor que esté analizando los resultados, podría crear otro semáforo donde divida los resultados en aprobados y reprobados, y decidir según le interese, emplear uno u otro.

En el caso del demo, se crea una matriz de 20 columnas y 5 filas, con datos aleatorios del 0 al 100 y el usuario puede elegir entre un número de semáforos previamente definidos. Elije el semáforo y al apretar el botón de «Aplicar», se clasifican los datos según los rangos de ese semáforo y se muestra la matriz coloreada según ese criterio.

El usuario, antes de aplicar el semáforo, puede visualizar la leyenda de los rangos para decidir cuál aplicar. Por ejemplo, en la siguiente imagen, el usuario eligió el semáforo3 y debajo se pinta la leyenda

Si decide usarla, entonces hace clic en el botón Aplicar y se categorizan los datos según el criterio del semáforo3, como se ve en la siguiente imagen

Administrar los conjuntos de semáforos

Al hacer clic en el menú, en «Administrar Conjunto de Rangos», el usuario puede visualizar el conjunto total de los semáforos disponibles, con las características de su conjunto de rangos, también puede editarlos, eliminarlos y añadir nuevos. Ver siguiente imagen

 

Añadir nuevo conjunto de rangos (nuevo semáforo)

Al hacer clic en el menú, en «Crear Rangos», llegas a una forma que te permite hacerlo. A continuación, puedes ver la forma para añadir un nuevo conjunto de rangos

A continuación te dejo un enlace a la demo: Celdacolor y al repositorio en GitHub

Scroll al inicio