> ## Documentation Index
> Fetch the complete documentation index at: https://wey.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Hierarchy View

> Visualize parent-child relationships in a flow diagram

## Overview

The Hierarchy View displays your items in a flow diagram format, making it easy to understand dependencies and parent-child relationships. It's ideal for visualizing complex structures and tracing work back to strategic initiatives.

<Frame>
  <img src="https://mintcdn.com/wey/8rsqLJUfBx2_EIQ2/images/flow.png?fit=max&auto=format&n=8rsqLJUfBx2_EIQ2&q=85&s=4de1970595f646cc53c1ad9fdee96fb2" alt="Hierarchy View" width="3420" height="1710" data-path="images/flow.png" />
</Frame>

## Key Features

### Flow Diagram

Items are displayed as nodes connected by lines showing relationships:

* **Nodes**: Each item appears as a card/node
* **Connections**: Lines connect parent items to their children
* **Flow direction**: Typically flows from left to right or top to bottom

### Node Display

Each node shows:

* **Item name**: The title of the item
* **Item type badge**: Color-coded indicator (Initiative, Epic, Story, etc.)
* **Key details**: Status, dates, product area

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/wey/images/placeholder-hierarchy-node.png" alt="Hierarchy Node" />
</Frame>

### Multi-Level Hierarchy

The view supports deep nesting:

```
Initiative
└── Epic
    └── Story
        └── Task
            └── Bug
```

<Tip>
  Wey supports unlimited nesting depth, so you can model complex product structures.
</Tip>

## Interacting with the View

### Navigation

* **Pan**: Click and drag on the canvas to move around
* **Zoom**: Use scroll wheel or pinch to zoom in/out
* **Fit to view**: Use the toolbar button to fit all nodes on screen

### Selecting Nodes

Click on a node to:

* Highlight the node and its connections
* Open the detail panel for editing
* See related parent and child items

### Expanding/Collapsing

Control which levels are visible:

* **Collapse**: Hide children of a node to simplify the view
* **Expand**: Show all children of a node
* **Expand All / Collapse All**: Use toolbar buttons for bulk actions

## Grouping

Items can be grouped to show organizational context:

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/wey/images/placeholder-hierarchy-grouped.png" alt="Grouped Hierarchy" />
</Frame>

| Grouping     | Description                               |
| ------------ | ----------------------------------------- |
| **Product**  | Group by Product, then show Product Areas |
| **Priority** | Group by Strategic Priority               |
| **None**     | Show pure parent-child hierarchy          |

## Use Cases

<AccordionGroup>
  <Accordion title="Strategic Alignment Review">
    Use the hierarchy view to trace how individual tasks connect back to strategic initiatives.
  </Accordion>

  <Accordion title="Dependency Analysis">
    Visualize complex dependencies and identify potential bottlenecks.
  </Accordion>

  <Accordion title="Stakeholder Presentations">
    Export the hierarchy view to show work breakdown structure to stakeholders.
  </Accordion>

  <Accordion title="Onboarding">
    Help new team members understand how work is organized and connected.
  </Accordion>
</AccordionGroup>

## Best Practices

* **Start from Initiatives**: Begin at the top level to see the full picture
* **Use grouping**: Group by product to see how different product areas relate
* **Collapse completed work**: Hide finished items to focus on active work
* **Export for documentation**: Use the export feature to include in project docs

## Related

<CardGroup cols={2}>
  <Card title="Item Hierarchy" icon="sitemap" href="/docs/items/item-hierarchy">
    Learn how to create and manage parent-child relationships.
  </Card>

  <Card title="Timeline View" icon="calendar" href="/docs/views/timeline-view">
    See the same items on a timeline.
  </Card>
</CardGroup>