As an L&D manager, I can see a chart in the dashboard to view data based on the total benefits granted to each department
Historia de Usuario
Como Encargado del área de L&D,
puedo ver un gráfico mostrando los gastos totales por departamento
de modo que pueda evaluar la totalidad de inversión en cada área
Criterio de Aceptación
- El gráfico toma la información mostrada en la tabla y a partir de hecho hace los cálculos correspondientes.
- El gráfico está ubicado debajo de la sección de métricas (en esa misma columna)
- El gráfico debe de ser de tipo "pastel", semejante al que se puede visualizar acá: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--graphs.
- En el gráfico hay que representar la suma de toda la inversión efectuada a personas en cada uno de las áreas. Para determinar que 2 areas son iguales, hay q asegurarse que su Nombre sea igual (ignorando espacios).
- No hay una imagen de este gráfico, por lo que la aceptación será según el uso de la guía de diseño para la creación del gráfico.
- Se debe de utilizar las librerías de chartkick & chart.js
Recursos:
- URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
- Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--graphs
- Respuesta de ejemplo del API:
{
"data":[
{
"employee": {
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez",
"email": "rrodriguez@growthaccelerationpartners.com",
"photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
},
"education_areas": "Technology,Courses",
"total_expenses": 50.0,
"total_benefits": 2
}
]
}
Notas
- La imagen de debajo es para fines ilustrativos y para usar de guía. A nivel general, lo más importante es que el diseño de la tabla coincida con el diseño de la guía de diseño.