How to make a Gantt Chart in Pages
for Mac Pages for Mac Logo

This step-by-step Pages Gantt chart tutorial demonstrates how to make professional Gantt charts inside the popular word processor for Mac.

Gantt Chart in Pages tutorial

Mac users wanting to visually present plans or schedules in Pages can tweak a default 2D Stacked Bar chart to build a basic Gantt chart. Because formatting the graphic in Pages can become time-consuming, those who need to regularly create and update such visuals may find it simpler to use a dedicated Gantt chart maker instead.

This page will show you two ways to get your Gantt chart: either build it manually in Pages, or use the online Gantt tool called Pincello, which generates a professional visual automatically and lets you download it as a PowerPoint slide for easy sharing.

Which tutorial would you like to see?

Automatically make a Gantt chart with Pincello

Pincello Gantt Chart Sample

Creating Pincello Gantt charts automatically takes:
Timer Clock 2 Mins 2 Mins

Manually make a Gantt chart in Pages

Pages Gantt Chart Sample

Creating Pages Gantt charts manually takes:
Timer Clock 30 Mins 30 Mins

How to manually make a Gantt chart in Pages

1.     Enter your project data into a table in Pages

  1. Open Pages and double-click on Blank Landscape under the Basic category of the template gallery. This is recommended for an optimized layout of your presentation.
    Select Blank Landscape Template in Pages

  2. Add a table to your document by going to Insert → Table on the Pages ribbon or by clicking on the Table button on the taskbar above your page.
    Add Table to Pages Document

  3. List the main phases or tasks of your project in the first row of the newly inserted table, as shown in the picture below. You'd keep their names short and concise to make sure they'll fit well on the graphic.

  4. Use the second row to enter the start week for each of your project phases, setting the first task (which begins in week 1) as the reference point in determining the beginning of the remaining ones. See the following image for a better illustration of how I set the start time series for my chart.

  5. In the third row of the table, add each task’s duration (amount of time required to complete that task) in weeks. Here are the calculations for my duration series:
    Add Project Data to Table

2.     Add a 2D Stacked Bar Chart to your Pages document

Now that you have sorted out your data, you can start building your graphic.

  1. Go to Insert → Chart on the Pages ribbon.

  2. Click on 2D Stacked Bar from the menu that appears.
    Add 2D Stacked Bar Chart
    Pages will automatically generate a basic stacked bar chart that looks like this:
    Auto-Generated Stacked Bar Chart in Pages

3.     Input your project data into the chart

  1. Select and copy (Cmd + C) all the rows of your project data table.

  2. Click on the Edit Chart Data button that appears after selecting the chart area.
    Copy Project Data from Table

  3. Select the first cell in the top-left corner of the Edit Chart window that shows up and paste the copied items. Pages will replace the placeholder data with your own and the graphic will be instantly updated to display the new details.
    Add Your Project Data to the Chart

4.     Turn your graphic into a Gantt chart

Now that that your chart has the right data in, you need to format it to make it look more like a Gantt. This means making the blue bars transparent so that only the green ones remain visible (these will represent the tasks of your project schedule). To do so, you need to select the chart area and:

  1. Double-click on any of the blue bars of the graphic, which will select the whole series.

  2. Go to the Style tab of the Format pane on the right side of the Pages document.

  3. Click on the color indicator next to Fill and select No Fill.
    Format the Chart Bars in Pages

    The resulting graphic will look like the one below:
    Basic Gantt Chart in Pages

    With your Gantt chart properly set up, you can now make further customizations to add meaning and help it stand out better.

5.     Customize the tasks bars of your Gantt chart

  1. If you want to recolor your tasks simultaneously, click on the chart area and then on any of the bars to select all of them at once. Then go to the Style tab of the Format pane and use the color indicator next to Fill to choose a new hue. In my example, I picked a pale blue.
    Recolor Task Bars Simultaneously

  2. Currently, your tasks are seen as a single series, and that's why you can edit them only all at once. To recolor your chart bars individually, your tasks need to be distributed in separate series, which will require you to:

    i.Insert a few extra rows beneath Duration, which you can name Color 2, Color 3, Color 4 and so on. As you can see in the image below, the newly added lines will generate different hues for your graphic that you can further customize afterwards.

    ii.Now, to move a task into a separate series or color category, cut its Duration value from its original row and paste it into one of the new lines, keeping the same column (the same goes for the rest of the tasks). Here is how I set up the new color palette for my graphic:
    Recolor Task Bars Separately
    Note: As the image above shows, the tasks that have their Duration values on the same row are considered as a single series with the same color (e.g. Preparatory Phase and Testing Phase), which means they'll all be customized at once. The tasks with their duration values distributed on different rows are considered distinct series that can be customized separately - as shown in the following step.

    iii.To further customize any of your task bars’ colors, double-click on the desired element and use the color indicator next to Fill on the Style tab to choose whichever new nuance you prefer. This is how I changed my Gantt chart's default colors:
    Customizing the Task Bar Color Individually

  3. While in the Style section, you may also want to apply a few effects such as strokes and shadows. Because I felt shadows were a little distracting and made the graphic more difficult to follow, I chose to add only a simple black outline to my task bars using the Stroke feature.
    Add Stroke to Chart Bars

  4. To display your tasks’ duration on the Gantt chart, select all the bars (Shift + Click), go to the Series tab, and choose Number from the dropdown menu under Value Labels. To change the placement of the value labels on the task bars, use the Location feature. In my example, I chose to have the labels displayed in the middle.
    Display Value Labels

6.     Customize the chart area

Once you’ve finished customizing the task bars, you can also make changes to the chart area of your graphic. Select it and use the features within the Chart and Axis tabs of the Format pane as follows:

  1. Add titles and borders: Tick the boxes for Title and Border under Chart Options. I also unchecked Legend as I considered it redundant in my case.
    Add Title and Border to Gantt Chart

  2. Customize fonts: Use the options under Chart Font to modify the font type and size for the entire graphic. In my example, I changed the font from Helvetica Neue to Helvetica and I increased it a bit.
    Customize Chart Fonts

    Note: You can customize the task descriptions or title independently by double-clicking on them and making the desired changes from the pane on the right.

  3. Adjust the gap between the task bars: Use the up-down controls under Gaps to increase or decrease the space between chart bars. I increased it from 40% to 70% for my graphic.
    Adjust the Gap between Task Bars

  4. Add more vertical lines to the chart: Click on the Axis tab of the Format pane, go to Minor Gridlines, and select the type of gridline you want to use. For my graphic, I used a straight grey line.
    Add Vertical Gridlines to Chart

    After carrying out all the steps above, trying out several font sizes, and increasing the size of the chart area, my Gantt chart looks like this:
    Final Gantt Chart in Pages

Download Gantt chart template for Pages

How to make a Gantt chart with Pincello

Apple's Pages does let you build a Gantt chart, but the formatting process can become cumbersome especially if you need to regularly create and edit such visuals for recurrent communications. Below I'll demonstrate how to make professional-looking Gantt charts more easily using Pincello.

Allowing you to automatically create an eye-catching graphic directly from your browser, Pincello also lets you update it quickly and download it as a .pptx file or .png image. To get things started, access the free online tool here and carry out the following steps.

1.     Add your project’s details in Pincello

  1. To start building your Gantt chart, click on Timeline from scratch from the web tool's New tab or choose one of the templates available. In my case, I went for the first option, so you can see how to make a Gantt from top to bottom.
    Create New Gantt Chart with Pincello

    Selecting the Timeline from scratch option will open the Data View, where you can add and edit data.

  2. Use the Data View tab to list your project’s tasks and their due dates and make a few styling choices such as choosing the shapes and colors of your items. Pincello will instantly transform this data into a graphic and display a live preview of it on the right. When you’re ready, open the Timeline View to see your graphic in full size and start customizing it. You can do this by either clicking on the preview image or selecting the Timeline tab on the Pincello ribbon.
    List Your Project’s Data

2.     Customize and update your Gantt Chart with ease

  1. At this point, you can customize any detail on your newly created Gantt chart with just a few clicks. From the Timeline tab, you can change any color, shape and font, adjust the tasks' position and spacing, or choose to show details such as Task Duration or Percentage Complete. Whenever you want to add more tasks, you can instantly switch back to the Data View and enter their details. You can see on my final Gantt chart below that I have included some milestones too, which will help in tracking my project. Final Pincello Gantt Chart

  2. If you have a free Pincello account, the Gantt charts you make will be instantly saved in the cloud, which means you can return to them at any time and adjust them as plans change. The Timeline View lets you update task and milestone dates right on the graphic with a simple drag & drop, while the Data tab makes adding and editing items fast and easy. Once finished, turn your Gantt chart into an editable PowerPoint slide so you can easily include it in presentations.

See how easy it is to make Gantt charts with Pincello

See our free Gantt chart template collection

This free Gantt chart template gallery was created for professionals who need to make eye-catching visuals for project presentations. Download the desired Gantt template as an editable PowerPoint slide or, where available, click on the Edit Online button to open it in your browser and update it easily with Pincello.