Resource Manager

A timeline-based resource allocation view. Resources are listed on the left; allocations are shown as colored bars on a scrollable timeline. Drag to create new allocations, drag bars to move or resize them. Switch active project from the toolbar to assign new allocations to it.


Interactive

Select a project in the toolbar, then drag on an empty row to create an allocation. Drag an existing bar to move it, drag its edges to resize. Use zoom and navigation controls to adjust the visible range.

Oct – Nov 2026
Project:
Resource
AS
Anna Schmidt
Frontend
BK
Ben Kovács
Backend
CT
Clara Tóth
Design
DM
David Molnár
QA
Oct 2026
Nov 2026
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
Website Redesign
Mobile App
API Platform
Website Redesign
Website Redesign
Mobile App
Mobile App
API Platform

View-only

Pass viewOnly to render a read-only timeline — no allocation editing; zoom and timeline navigation remain available.

Oct – Nov 2026
Resource
AS
Anna Schmidt
Frontend
BK
Ben Kovács
Backend
Oct 2026
Nov 2026
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
Alpha
Beta

Resource allocation grid

For a fixed day-by-resource grid, compose the exported Organizer with ResourceManagerTypes.RMAllocation data. There is no separate ResourceManagerGrid export in 0.0.34. Each allocation maps to x = start-day offset, y = resource index, w = inclusive day count, and h = 1. The function binding converts drag and resize updates back to resource IDs and date ranges. Axis marks expose index and subdivision metadata for headers and cells.

Oct 15
Oct 16
Oct 17
Oct 18
Oct 19
Oct 20
Oct 21
Oct 22
Oct 23
Oct 24
Oct 25
Oct 26
Oct 27
Oct 28
Anna Schmidt Frontend
Ben Kovács Backend
Clara Tóth Design
Website Redesign
API Platform
Website Redesign

Drag to reassign a resource or date range; resize horizontally to change the inclusive end date.

Allocation data
[
  {
    "id": "a1",
    "resourceId": "anna",
    "projectId": "website",
    "startDate": "2026-10-15",
    "endDate": "2026-10-19"
  },
  {
    "id": "a2",
    "resourceId": "ben",
    "projectId": "api",
    "startDate": "2026-10-17",
    "endDate": "2026-10-22"
  },
  {
    "id": "a3",
    "resourceId": "clara",
    "projectId": "website",
    "startDate": "2026-10-21",
    "endDate": "2026-10-25"
  }
]

Data model

ResourceManagerTypes.RMAllocation links a resourceId to a projectId over a startDate / endDate range (YYYY-MM-DD). Multiple allocations on the same resource are automatically stacked into lanes when they overlap.