github contrib calender like chart to show overview page

[fakabbir]

Description

Right now on the main page we can only see last week information about the run.

It would be nice to see the past history of the run status like this

Use case/motivation

I am running a daily job and would need quick info about which dates it failed.

Related issues

No response

Are you willing to submit a PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template! If you are willing to raise PR to address this issue please do so, no need to wait for approval.

[gopidesupavan]

feel free to make changes :) assigned to you.

[tirkarthi]

Related #44259 (comment) . cc @bbovenzi

[fakabbir]

Would something like this be appreciated? or there is a ui/ux teammate who must be looped in to get the best possible design?
@tirkarthi @bbovenzi @gopidesupavan

I am done with the year calender and currently working on adding scale to zoom in to minute level

[bbovenzi]

We have the API endpoint for daily or hourly level of detail. Let's focus on the Ui for those and then we can play with other scales.

There are a bunch of calendar types of views. I also liked the one at echarts since it already had a good hourly view: https://echarts.apache.org/examples/en/editor.html?c=heatmap-cartesian and we can play with how to show error rate and the total number of runs in the time frame

[bbovenzi]

Endpoint: #52748

[bbovenzi]

cc: @SavingFrame

[tirkarthi]

Some chartjs libraries similar to echarts since chartjs doesn't seem to support it natively.

https://github.com/kurkle/chartjs-chart-matrix
https://github.com/kurkle/chartjs-chart-treemap
chartjs/Chart.js#4627

[pierrejeambrun]

Closing as this is a duplicate of #54138. The calendar view should address that. Feel free to re-open if needed.