Create UX for applying an equals filter to a dimension within the visualization designer
Problem to solve
As a user I can filter custom events by their name by editing the YAML files directly but this requires knowledge of:
- How to create manually visualizations for your project
- How to write YAML and the correct structure to use
- The fields and values to use
This limits the personas that can use this feature and deviates from the ideal path of using the visualization designer.
Proposed solution
Add a way for users to filter custom events by their name within the UI. The current approach is suggesting to add the ability to filter on the visualization designer dimensions themselves:
The reasoning being:
- It's simpler to implement from a frontend perspective
- We have fewer variables to consider and more control over the visualization designer with less impact on other groups using analytics dashboards.
However, there are other locations we could add this filter:
- We could add it to the panel-level to apply the filter to an existing custom events visualization
- We could add it to the whole dashboard to apply the filter to all custom events visualizations
These are potentially bigger UX challenges because we have to factor in:
- Inheritance
- Interaction with visualizations not including custom events
- Interaction with what other groups such as groupoptimize are working on within the analytics dashboards space
We can definitely spin these off to a separate issue to delve into the UX challenges if they aren't deemed to be an optimal MVC solution for now.
MVC limitations
The system supports more filtering options than just custom event names and equal comparisons. Longer-term whatever solution we decide upon will eventually be iterated towards being enabled for more dimensions, as well as offering alternative comparison types:
- does not equal
- contains
- does not contain
- is set
- is not set
- starts with
- does not start with
- ends with
- does not end with