Understanding the Default Structure of the Gantt Chart

This guide explains the default layout and components of the Gantt Chart content block in QuoteCloud, helping you understand how tasks, durations, and milestones are structured for clear project visualization.

Let’s Understand Gantt Chart!

  1. Explore the default structure of a Gantt Chart block.
  2. Understand how tasks, dates, timelines, child tasks, and dependencies are displayed.

Understand the default structure of the Gantt Chart

1

Review the sample chart

The default Gantt Chart includes sample tasks and dates.

This helps you understand how the chart is structured before entering your own project details.

2

Understand the Task List

The first column is the Task List.

It displays all your project’s tasks at a glance.

3

Review child tasks

Child tasks, such as UI/UX Testing and Functional Testing, are shown as individual bars.

These tasks sit under a parent task and help break the project into smaller pieces.

4

Check the Start Date column

The Start Date column indicates when each task begins.

Use this column to understand the planned start point for each project task.

5

Check the End Date column

The next column displays the End Date for each task.

This shows when each task is expected to be completed.

6

Read the weekly timeline

At the top of the right-hand panel, the timeline is displayed week by week.

This gives a high-level view of the project schedule.

7

Read the dates and weekdays

Below the weekly timeline, the chart displays dates and their corresponding days of the week.

This helps you match each task bar to exact calendar dates.

8

Understand task bars

In the middle section of the right-hand panel, the task timeline is displayed.

Each bar shows how a task aligns over time.

9

Scroll through later stages

To view later stages of your project, scroll to the right along the timeline.

Use the scrollbar at the bottom of the Gantt Chart to move through the schedule.

10

Understand parent tasks

If a task includes child tasks, the parent task will automatically stretch to fit their dates.

The grouped parent task is displayed with a longer bar that covers the child task range.

11

Understand dependencies

The connecting line indicates task dependencies.

Dependencies show which tasks rely on the completion of other tasks.

12

Start building your chart

You are now ready to build and manage your project with the Gantt Chart block.

Replace the sample tasks and dates with your own project details.

That’s Everything You Need to Know!

With your Gantt Chart in place, you are ready to visualise your project timelines and manage tasks like a pro.

Go ahead and try building your own.

FAQs