VSA Stage time chart - Enable date filtering when Popover is clicked

Problem to solve

As a software leader, I need to understand where stage time is being spent so I can identify stagnant and outlier items and unblock them to improve performance. Today, using the VSA Stage time chart it is difficult for me to correlate slow performance days with the work items (issues/MRs) that cause the delay.

JTBD & Target Persona

Optimize - When I am optimizing my value stream, I want to identify opportunities for improvement, or detect risks in the delivery of value to customers.

  1. Dakota (Application Development Director)
  2. Parker (Product Manager)

Proposal

Enable users to explore metric spikes or patterns by directly filtering work items by last event date, this will improving investigation speed and contextual clarity.

User experience goal - As a user reviewing the stage time chart, I want to click on a specific date point (popover), so that I can instantly see the related issues/MRs for that date in the table below.

Requirements:

  1. Popover click - when the user clicks a popover data point in the stage time chart) - it trigger a filter action.
  2. Filter logic - Filter the work items in the table to include only those with a last event timestamp matching the selected popover date.
  3. Table update - The table updates instantly to reflect the filtered data
  4. Visual indicator - A label or badge shows the active filter state (e.g., "Filtered by: June 2, 2024")
  5. Clear filter - Provide an option to remove the filter and return to the full list of work items

Screen_Shot_2022-07-03_at_19.51.46

Edited by Haim Snir