I have a dataset that uses the hierarchy and breakdown of categories, subcategories and labels, each with a value:
Category 1: Sub-Category 1: Label 1: 4 Label 2: 3 Sub-Category 2: Label 2: 2 Label 3: 5 Category 2: Sub-Category 3: Label 1: 6 Label 2: 2 Label 3: 4
My goal is to design a user interface that shows the breakdown of categories and gives the user the ability to view and review all values in the hierarchy. The data was primarily used as a step for another process. The fewer clicks it takes to display all of the required information (label level), the better. Each nested group is expected to have between 1 and 5 rows, but the larger categories can have ~ 10 subcategories.
I currently have a table that shows each category with nested rows for the breakdown. To make it easier for the user to view the structure, I added styles when the user hovers over a group to highlight its content. This is an example with placeholder data:
Consider alternative formats or ways to improve my current design?