We are working on functionality with three layers of data hierarchy, where data and settings are inherited or 'inherited' from higher to lower layers. This indicates a parent-child relationship within our data models. The challenge we are experiencing now is to clearly and intuitively visualize this hierarchy and the origin of the data for our users. We want them to quickly identify what level the information is coming from.
How can we visualize this complex hierarchy of data and settings in a user-friendly and understandable way? What UX/UI principles and patterns can we apply to ensure the inherited relationships are clear to our users without confusing the interface?
The current visualization shows a symbol next to every item on every table row to indicate where it's coming from.