Skip to content

Introduce visualizations to product analytics dashboard

What does this MR do and why?

This MR introduces the concept of a visualization to the product analytics frontend. There is also a related backend MR !103613 (merged) that adds support for visualization configurations. Once both have been merged we can remove these baked-in configurations in the follow-up issue Fetch dashboard configurations from the backend (#382551 - closed).

This MR also introduces the framework for data sources. These libraries will be used to run the visualizations query and transform it to a standard output. I've added the first library cube_analytics.js just to get this working, but the library does not actually contain any code. This will be added in Cube Query Rendering Widget - Line Chart (#377708 - closed).

Screenshots or screen recordings

Before After
image image

How to set up and validate locally

  1. Enable the feature flag: echo "Feature.enable(:product_analytics_internal_preview)" | rails c.
  2. Visit the dashboard page of any project and validate that it renders: http://localhost:3000/gitlab-org/gitlab-shell/-/product_analytics/dashboards/

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #377813 (closed)

Edited by Jiaan Louw

Merge request reports