[Integration]Services Year Over Year Compare visualization

[YANG-DB]

What is the integration resource ? A new Services Year Over Year widget (visualization) is needed to add the capability for showing a clear and interactive visualization of the RED (RequestsErrorsDuration) measuring Metrics tool for comparing RED behavioural from current time frame to some selected baseline

The new Services Year Over Year widget should be:

• UX appealing
• Aware of external dashboard filters (such as time , attributes)
• Easy to configure by customers

What is the integration source protocol ?

• Data-Prepper's otel-v1-apm-span-* index containing the services span info

Which agents would you use to ship this data ?

• Data prepper

Which Dashboards would you be using ?

This is a vega-visualization component that is both configurable and agile for updates without any code changes

---

Do you have any additional context?

[YANG-DB]

https://github.com/opensearch-project/opensearch-catalog/assets/48943349/b0c4fdf5-8bf7-4f83-93b1-a6fb2903c3ab

[RyanL1997]

Hi @YANG-DB, I also tried out some of the other representations. And in each representation, I have also enabled the tooltips, so if the user hover the cursor on the data point, they should see the detailed data:

1. Linear representation (similar to yours):

2. Stacked Bar Chart Representation (It can show a cumulative service duration on each time point):

3. Heatmap Representation (Easy to find the peak of each time point for each service)

Demo Video:

https://github.com/opensearch-project/opensearch-catalog/assets/109499885/8b4e6ad6-febc-4138-a6e7-81a747facf53