Open Keynote and double-click to select your preferred presentation style from the Theme Gallery. In my example, I went for a simple, white presentation set on Wide to enhance its display.
To have more room for your graphic, turn the standard Title & Subtitle slide generated by Keynote into a blank one. To do this, you need to unselect the first two boxes under the Appearance section of the Format pane on the right.
Go to Insert → Chart in Keynote's toolbar and select the 2D Bubble chart from the menu that appears. Keynote will automatically generate a bubble chart that looks like the one below.
Select the chart area and click on Edit Chart Data.
In the Chart Data table that pops up, enter your timeline data as follows:
i.Insert your milestone titles or descriptions in the first row, where you can see the month name auto-populated by Keynote. I'd recommend keeping these texts as short as possible so that they’ll fit well on the timeline.
ii.Add the milestones' due dates in the X column, as shown in the image below. The first date will correspond to the first milestone, the second date to the second milestone, and so on.
iii.In the Y column of each milestone, on the same row as its corresponding due date, you will need to enter a plotting number (e.g. 1, 2, 3, or 4) that will define the milestone's vertical placement on the graphic. The bigger the number, the higher the milestone bubble will be placed on the timeline. You can see in the image below how I've set up the plotting numbers for my graphic.
iv.Finally, in the Size column of each milestone, right next to its plotting number, add the size you want each bubble to have. In my example, I used the value 20 for all my milestones.
Once you’ve entered all your project data, the resulting chart will like much closer to a timeline:
You may notice that, when updating the graphic with your data, Keynote automatically adds hours to the timeline's horizontal scale, besides dates. If you wish to clean up the slide and remove the hours, select the chart area and go to Axis → Value (X) in the Format pane on the right. Here, select None from the Time dropdown menu in the Value Labels category.
Now, your timeline looks cleaner but it doesn't say much about the milestones or events you want to illustrate. To display the milestone descriptions and due dates on the graphic, go to the Series tab in the Format pane and tick the Show Series Name and Values boxes. Choose X from the dropdown menu next to Values, like I did in the image below:
While here, you can also set a different position for the milestone labels from the Location menu or change the labels' date & time formats from the Value Labels section. I chose to show a short date, remove the time, and have the labels placed in the center.
Now, to make the labels clearly visible on the timeline, you will want to tweak their font size and color. Select all your milestone labels (Shift + Click) and then use the Font options available within the Bubble Labels tab visible on the right. In my case, I decreased the text size from 50 to 30 and set black as the font color.
What I wanted to do next is remove the Axis Y labels because they overlapped some of my milestone descriptions and didn't really add much meaning to my timeline. To do the same, select the chart area and, from the Format pane, go to Axis → Value (Y) and choose None from the dropdown menu under Value Labels.
While still in the Value (Y) tab, I also want to remove the horizontal lines that cut across the graphic to improve legibility. To do so, simply select None from the menu under Major Gridlines.
You may also want to add some vertical gridlines to show the relative distance between milestones more clearly. This can be done from the Axis → Value (X) tab:
i.Choose the type of Major and Minor Gridlines you want to add to your graphic from the corresponding sections. In my example, I opted to use a straight 0.25 pt. line for both.
ii.Add more intermediary vertical gridlines by increasing the number of Minor Steps under Axis Scale.
In my example, I also wanted to fully include the uppermost milestone in the gridline area. So I switched back to Value (Y) and increased the Max Scale value in the Axis Scale section from 4 to 5.
After completing all the steps above, the resulting timeline should look like the one below:
With your bubble chart properly formatted, you can now personalize it by applying a few styling choices.
Change milestone colors. If you want to change the default colors generated by Keynote, you need to select the chart area, click on the bubble you want to recolor and use the Fill color indicator under the Style tab. This is a great opportunity to categorize your milestones by setting a color code that shows their status, for instance.
Add effects. While on the Style tab, you may also choose to apply some effects to the chart bubbles such as strokes or shadows. However, in order to avoid burdening the visual too much, it is recommended that you keep these to a minimum. I opted for adding a simple gray outline to all my milestones using the Stroke feature.
Add a title: Select the chart area, and tick the Title box under the Chart Options section of the Chart tab. To change the type, size, color and alignment of your title, double-click on it and use the options in the pane on the right.
After all the steps above have been completed, my final timeline in Keynote looks like this:
Manually creating a timeline in Keynote is relatively easy, if the visual relies on simple project data. However, when you’re dealing with more complex schedules that undergo regular changes, building a graphic and adjusting it periodically to reflect all these variables may prove too time-consuming.
In the following section, I will show you how to use the web-based timeline generator called Pincello to automatically make a timeline, which can be then customized and updated with only a few clicks. To begin, access the free tool here and follow the steps below. To display more than 10 milestones on your timeline, you will need Pincello Plus.
To get your timeline started, click on Timeline from scratch from the New tab in Pincello. Alternatively, you can either select one of the templates provided or you can
an existing schedule from Excel if you have access to Microsoft Office. In my example, I chose to make a new timeline chart from scratch.
Once you click on the Timeline from scratch button, you will be taken to the Data View.
Here in the Data View tab, you can enter your project's milestones and their due dates. This is also where you can make a few preliminary styling choices, such as selecting the shape and color for each milestone marker. While adding or editing the items of your timeline, Pincello will update your visual in real time, displaying a live preview on the right side of the data list. When you’ve finished, go to the Timeline View by clicking on the preview or on the Timeline tab above the data list.
Once you've set up your timeline, you can easily personalize it further from the Timeline View. You have the option to choose new colors and shapes for your milestones, change fonts and date formats, or hide items that your audience doesn't need to see. My final timeline – which you can see below – features milestones of different shapes and sizes, customized texts and a Today Marker for a clearer view of where the project is standing.
free Pincello account, your timeline is securely saved in the cloud, which allows you to access it whenever you need it, as well as update it fast if plans change. To instantly adjust your milestones’ due dates, simply drag & drop them in Timeline View or use the Data tab to quickly add, edit or remove items. After you finish working on the graphic, your timeline can be downloaded as an imagine or as a native .pptx slide that any PowerPoint user can view, update or present.