Heatmap chart type

Problem to solve

We currently have support for a line chart, however we should also add support for heatmaps. They can provide a deeper level of insight on frequency of occurrence within a single timestamp. For example what is the distribution of latencies at a given point of time? Line series cannot really give you that data, but a heat map can.

Target audience

• Sasha, Software Developer, https://design.gitlab.com/research/personas#persona-sasha /label Persona: Software developer

• Devon, DevOps Engineer, https://design.gitlab.com/research/personas#persona-devon /label Persona: DevOps Engineer

Further details

Proposal

We should implement the heatmap chart type. See https://gitlab.slack.com/archives/C1ZCCRWBC/p1548803621435700 for a few implementation details

Objectives:

• Add heatmap chart type to gitlab-ui
• Integrate heatmap chart type into our metrics dashboard (only turns into heatmap if a feature flag is turned on)
  • We will have future options for users to customize that chart type but this integration step is to make sure all the parts work well together in 11.9

What does success look like, and how can we measure that?

Links / references

/label ~feature