# Resource Planning View
URL: https://pro.rv-grid.com/guides/gantt/resources/resource-planning-view/
Source: src/content/docs/guides/gantt/resources/resource-planning-view.mdx
Description: Visualize resource-centric timelines and daily/weekly load bars.
The Resource Planning View switches the Gantt chart from a task-centric WBS to a resource-centric view. This allows managers to visualize daily or weekly load, capacity thresholds, and over-allocation hotspots.

## Enabling the Planning View

Use `gantt.resourcePlanning` to toggle the view and configure its behavior:

```typescript
grid.gantt = {
  resourcePlanning: {
    enabled: true,
    visibleResourceIds: ['alex', 'nina', 'ravi'],
    loadGranularity: 'day',
    capacityDisplay: 'line',
    overAllocationDisplay: 'highlight',
  },
};
```

### Configuration Options

| Option | Description |
|---|---|
| `enabled` | Toggle between task rows and resource load rows. |
| `visibleResourceIds` | Array of resource IDs to display in the planning view. |
| `loadGranularity` | `'day'` or `'week'`. The time bucket for load calculation. |
| `capacityDisplay` | `'line'` or `'none'`. Renders a capacity threshold on load bars. |
| `overAllocationDisplay` | `'highlight'` or `'none'`. Marks buckets exceeding capacity. |

## Resource Filtering

When you are in the normal task view, you can use `resourceFilterIds` to filter tasks assigned to specific resources while keeping ancestor summary tasks visible. This provides context-aware filtering within the project structure.

```typescript
grid.gantt = {
  resourceFilterIds: ['alex'],
};
```

  The Resource Planning View is highly dynamic. Changes to task dates or assignment units on the main grid are immediately reflected in the resource load bars.
