The elements of the Gantt Chart
On the left side of the chart is the list of tasks and tasks lists (and all projects in Portfolio Gantt Chart) with their start and end dates. You can double-click on a task in order to have access to its full details. The right side of the chart is where all the action happens. You can see here the duration of each task, represented by the colored segments (and how much time it will take to complete the whole project), who’s responsible for each task and how tasks relate to each other.
Above the chart you can find the filters and a few options: the timeline filter allows you to choose how to display the timeline (days, weeks, months or years); the “fit” option will choose the right time filter in order to bring all the tasks in one screen.
Interaction with tasks
There are several actions you can perform when interacting with tasks on the Gantt Chart:
- Click (in the middle of a segment) + Hold + Drag (left or right) in order to move the task without changing its duration
- Click (on the edges of a segment) + Hold + Drag (left or right) in order to change the duration
- Click on a segment to display a pop-up with minimal information about that task
- Double-click on a segment to display the full details pop-up for that task
- Click on the small circle (in front or after a segment) + hold + drag to another task to create a dependency (learn more about task dependencies)
Task statuses and visual indicators
By default the tasks are displayed in light green (“Create PDI” task). When the task is displayed in red, it’s an indicator that its due date has passed. As you can see in the example above, the “Client meeting” task was due on 10th of January.
A task can have an hours budget. There are a few visual indicators that will show you the progress (hours worked vs hours planned). Let’s have a look at all cases:
- “Create PDI” – in this case the bar is completely in light green. There are 2 cases when this happens: a) the task doesn’t have an hours budget or b) the task has an hours budget but no time has been recorded yet for that task
- “Create a list of tasks” – in this case you can see there’s a segment in dark green. That segment represents the amount of hours worked (%) from the total hours budget (for that task). As you can see from the image, the hours worked are ~40-45% from the total.
- “Gather team and assign tasks” – in this situation you can see there’s a dark green segment and an hachured portion. This indicates that the initial allocated budget hours has been surpassed. From the image you can tell that the budget hours has been surpassed by ~65%.
These visual indicators are the same for past due tasks (but colored in red instead of green). The last task in this example (“Wireframing”) is a “completed” task, and it’s easy to identify because its name has strikethrough text.
Read next: How do I create a Gantt Chart?