Open Keynote and double-click to choose the type of presentation you want to use from the options available in the Standard Theme Gallery. In my example, I selected a simple, white presentation.
Keynote will generate a standard Title & Subtitle slide. To have more room for your graphic, you can turn the slide into a blank one. To do so, simply uncheck the boxes under the Appearance section of the Format pane on the right.
Now, to start gathering and calculating the data for your chart, add a Headers table to your blank slide by going to Insert → Table on the Keynote ribbon.
On the first row of the newly added table, list the key phases of your project (project tasks) as in the image below. Because these task descriptions will be shown as labels on your chart, it would be best to keep them as short as possible to ensure they'll fit well.
On the second row, enter the Start Week for each of your project’s phases, which will help determine the task bars' positioning on the graphic. Use the first task (starting in week 1) as a reference point to work out the other tasks' start week judging by the calendar date on which they're scheduled to begin. To illustrate how I estimated the start time for each of my tasks, I've included a second table (Calculations) in the image below.
Lastly, list each task’s duration in weeks on the third row. You can see the math I did for the duration series in the Calculations table below.
Now that you've got all the necessary data sorted out, you can start building the graphic.
Go to Insert → Chart on the Keynote ribbon.
Select 2D Stacked Bar from the menu that appears.
Keynote will automatically generate a simple stacked bar chart looking like the one below:
Select all the rows in your project data table and copy them (Cmd + C).
Now select the chart area and click on Edit Chart Data.
Click on the first cell (top-left corner) in the Chart Data window that pops up and paste the copied cells in to replace the placeholder data with your own. Keynote will instantly update the graphic with your project's details.
Note: Don’t worry if the task descriptions go off the slide. You can adjust both the text and the chart area to ensure a better fit by following the steps in the section below.
Select the chart area and drag its sizing handles to reduce the height and width of your graphic.
Drag and drop the chart to reposition it better within the slide.
You may also want to edit the task descriptions on the left side of your graphic for an optimized display. To do so, double-click on any of them, and then, from the Format pane on the right, use the Font options (style, typeface, color and size) on the Axis Labels tab. I chose to decrease the text font size from 22 to 20 pt.
Now that your stacked bar fits the slide properly, you will need to make a few more adjustments to make it look like a Gantt. The formatting required for this is to make the blue bars transparent so that only the green ones remain visible. These will represent your tasks. To achieve this:
Click on any of the blue bars to select the entire series at once.
Select the Style tab from the Format pane on the right side of the slide.
Click on the color indicator next to Fill and select No Fill.
The resulting Gantt chart should look like this:
At this point, you can apply a series of customizations to the task bars to make your Gantt chart more unique.
To recolor all your tasks simultaneously, double-click on any of the bars on your chart, go to the Style tab in the Format pane and use the Fill color indicator to select a new nuance. In my example, I opted for a dark orange.
You can also choose to recolor individual tasks, but you will need to tweak your data a bit to split your tasks into different series (categories). Open the Edit Chart Data table and:
i.Add several new rows beneath your Duration line, as shown in the image below. This will generate a series of different colors for your tasks, which you can customize however you wish later.
ii.Now, to move a task into a different color category, cut (Cmd + X) its Duration value from the original row and paste it (Cmd + V) in whichever of the newly added rows (keep the same column). You can see how I set up the new colors for my graphic in the image below.
iii.The tasks with their duration values distributed on different rows will be considered as distinct series, while the ones with duration values on the same row represent a single series. This means you can further customize the former separately and the latter at once, which includes changing the default colors generated by Keynote earlier. If you want to do so, double-click on the desired bar, go to the Style tab and use the Color Fill indicator to select a new shade. Here is how I changed the default colors for my chart:
The Style section also lets you apply a variety of effects such as strokes and shadows. However, it is recommended that you keep them to a minimum to avoid burdening your visual. For instance, I applied only a simple black outline to my task bars using the Stroke feature.
If you want to have each task’s duration visible on the Gantt chart, select any of the bars, go to the Value Labels section within the Series tab, and then choose Number from the dropdown menu. The duration values will be displayed, and you can change their positioning within the task bars using the feature Location. I chose to place the duration values in the middle of the chart bars.
Once you've found the look you like for the task bars, you can also make some changes to the chart area using the features within the Chart tab of the Format pane. Before getting started, make sure to select the graphic.
Add borders and titles: Under Chart Options, tick the boxes for Title and Border.
Customize fonts: Using the Chart Font options, you can modify the type and size of the text for the entire graphic. In my example, I changed the font from Helvetica Neue to Charter.
Note: If you want to customize the chart title or task descriptions independently, double-click on the desired element and make the intended change from the pane on the right.
Adjust the space between the chart bars: To increase or decrease the space between your tasks, use the up-down controls under the Gaps section. I increased the gap percentage from 40% to 60% as shown in the image below.
As a last edit to my Gantt chart, I’ve added more vertical gridlines to better highlight the relative distance between tasks. If you want to do the same, click on the Axis tab of the Format pane, go to Minor Gridlines, and select the type of gridline you want to use. I chose a straight black line with the size of 0,25 points.
In the end, my final Gantt chart in Keynote looked like this:
Keynote allows Mac users to manually build basic Gantt charts, but customizing and updating them for project meetings or client presentations may turn out to be quite time-consuming.
Below I will show you how to quickly make a clean, easy-to-follow Gantt in Office Timeline Online and customize it with a few clicks. Besides automating Gantt chart creation, the online tool lets you update your visual almost instantly and download it as a .pptx or .png file for easy sharing. To begin, access the free tool here.
From the New section in Office Timeline Online, click on the big "+" icon to build your Gantt chart from scratch, or select one of the pre-formatted templates available to get you started faster. In my case, I chose to create my visual from scratch.
After choosing the type of Gantt chart you wish to make, Office Timeline will direct you to the Data View, where you can insert and edit your project's data.
In the Data View section, enter your project’s tasks and their Start and End dates. You can also make a few quick customizations here, such as selecting the shapes and colors for your tasks. You will notice that Office Timeline generates and updates your graphic in real time, showing you a live preview of it on the right side. Once finished, click on the preview image or select the Timeline tab on the ribbon to open the Timeline View, where you can see your graphic in full size and make further changes.
Once you've created your Gantt chart, you can customize and update it effortlessly with Office Timeline Online. The Timeline View lets you change any fonts, colors, positions and shapes, or even add extras such as Task Duration, Today's Date, and more. In my example, I used various colors to differentiate the tasks, switched the Percent Complete indicator on, experimented with date formats, and added a few milestones as well to show key events (the latter can be done from the Data tab). You can see the result below:
free Office Timeline account, you can automatically save your Gantt chart in the cloud, so you'll be able to return to it at any time and update it as plans change. You can easily add, edit or remove data in the Data View, or move tasks around and adjust their dates directly from the graphic using drag & drop. Once ready, download your Gantt chart as an editable PowerPoint slide that can be easily shared and included in presentations.