Crear heatmap en linea multiplanta dado un componente ya existente

Job ID: 30998816

Budget: $30 – $250 USD

Breve explicación:

Listado de sistemas con barras que muestran el porcentaje de uptime de cada día que ha transcurrido del periodo activo. La cantidad de barras se adapta al número de días transcurridos y los colores hacen referencia al porcentaje alcanzado en ese día, igual a un mapa de calor. El máximo de barras serán 365, alcanzadas el último día del periodo.

La leyenda en gradiente muestra el porcentaje alcanzado de uptime el día en que el cursor está posicionado.

Al final dicta un estado de “en lo esperado” o “bajo lo esperado”.

Ver el video para saber más sobre el funcionamiento de los tooltips y/o dar clic a la maqueta de XD.

Pasare el paquete de iconos a ocupar y una maqueta de adobe xd a quien le asigne el proyecto
Adjunto las respuestas de los json a ocupar

Skill necesarias
d3js (Mandatoria)
Angular
Html
Css
Json
Javascript
Related categories: CSS HTML5 JSON D3.js Angular