Members Only

Animating PowerPoint Charts and Tables

Techniques and hacks to bring your presentation data to life

This article appears in Issue 28 of CreativePro Magazine.

PowerPoint’s built-in animation tools are rather easy to use for basic chart animations such as bringing in a series of columns on a column chart. (For tables, you’re pretty much stuck with animating in or out the entire chart, but we’ll get to that in a bit.) If you want to extend the animation capabilities of PowerPoint for charting, you’re going to have to get your hands a little dirty and break some rules, but the results will impress and most likely lead your audience to wonder whether you’re really using PowerPoint at all.

Basic Chart Animation

Let’s look at a basic entrance animation for a column chart in PowerPoint (and it must be a true PowerPoint chart rather than an image).

After selecting the chart, head to your Animations tab, where you can select any desired entrance animation—for example, click Wipe (under Effect Options, leave the default Direction setting of From Bottom). You’ll see a quick preview of the animation applied: The entire chart wipes up as one object. If you want something a little more granular, go to the Animations pane and click the expand arrow under Effect Options to reveal your Sequence options. You can change the Sequence options in the Effect Option pull-down menu to By Series, By Category, By Element in Series, or By Element in Category. It is also here in the Animation pane that you’ll see how each grouping and/or item has its own entry. And from here, you can edit each animation as needed—for example, you can have the first four categories

come in separately on clicks, but the rest come in all at once (
Figure 1).

Figure 1.Use PowerPoint’s standard animations to bring in elements of a native chart.

Figure 1. Use PowerPoint’s standard animations to bring in elements of a native chart.

Note that this method generally animates in the background elements of a chart first (i.e., the axes), and most often, I simply delete this item from the Animations pane so that these elements are visible from the start of the slide. This is a good time to point out that the macOS version of the Animations pane does not give you nearly the granular control of the Windows version, which offers a true timeline interface where you can physically move items around and visually change timings. Ultimately, you can create all the same animations with the macOS version that you can with Windows, but you often need to get deeper into the weeds of setting timings for delays and duration (Figure 2).
Figure 2.The Animations pane (Windows) gives you a true animation timeline, which makes adjusting timings far easier than in the macOS version.

Figure 2. The Animations pane (Windows) gives you a true animation timeline, which makes adjusting timings far easier than in the macOS version.

Morph and More Detailed Control

The basic animation detailed above will keep your data editable and is often what you are looking for. But if you want to take things further with finer control and even animate between two different charts, you’re going to need to break your chart apart into shapes. If, for example, you want to use the Morph transition to grow/shrink one chart to another, converting your chart to shapes is the only solution, as Morph doesn’t currently support live charts. For example, let’s look at how to morph a column chart with data from 2011 to a column chart with data from 2021 across two slides. First, create both of your charts, one per slide, format them as you like, and make sure they are equally sized. Copy your first chart, and move the original onto the pasteboard to get it out of the way. Leave it stashed there in case you need your original data later. Right-click the slide, choose Paste Special, and select Picture (SVG) (Figure 3) to paste your chart back on the slide as an SVG. Note that you may need to resize your new SVG, because it will be smaller (macOS) or larger (Windows) than the original chart. Repeat the above steps with your second chart on the second slide, and resize things so that the two SVGs match each other perfectly.

Figure 3.To prepare for breaking a PowerPoint chart into individual shapes, first copy or cut it, and then use Paste Special to paste it back onto the slide as an SVG.

Figure 3. To prepare for breaking a PowerPoint chart into individual shapes, first copy or cut it, and then use Paste Special to paste it back onto the slide as an SVG.

Select each chart and, from the Graphics Format tab, click Convert to Shape to convert your SVG into a series of PowerPoint shapes and text boxes. Your text may balloon in size, so you may need to do a little reformatting. Ungroup each of your charts into their individual shapes (Figure 4).
Figure 4.Use the Convert to Shapes tool under the Graphic Format tab to break your SVG apart into a group of individual shapes, then ungroup the group.

Figure 4. Use the Convert to Shapes tool under the Graphic Format tab to break your SVG apart into a group of individual shapes, then ungroup the group.

At this point, apply a Morph transition to the second slide and look at the results. You may find that each column matches up perfectly across the transition, or you may find that some columns start moving here and there. If any of the columns do not match up, you’ll need to force PowerPoint to morph between the proper pairs of shapes by using the “Bang Bang Morph” method: Open the Selection pane, and rename the intended pairs with the same name beginning with two exclamation marks (e.g., !!Freeform6). You need to take this step only for pairs that are not morphing correctly (Figure 5).
Figure 5.Use the Selection pane to force pairs of shapes across slides to morph to each other by labeling each with the same name preceded by a double bang (!!).

Figure 5. Use the Selection pane to force pairs of shapes across slides to morph to each other by labeling each with the same name preceded by a double bang (!!).

Now that you know how to convert a chart into simple shapes, you can create more complex animations, such as morphing one type of chart into another, and even create seemingly interactive charts, such as growing bubble charts in the style of Hans Rosling (Figure 6).
Figure 6.If you create a series of bubble charts, you can break them apart and apply Morph transitions to create an interactive-like visual timeline of changing data.

Figure 6. If you create a series of bubble charts, you can break them apart and apply Morph transitions to create an interactive-like visual timeline of changing data.

Bubble chart in PowerPoint animated with Morph

Compound Paths

Occasionally when you convert a chart to an SVG and ungroup it, you don’t end up with individual shapes, but rather a compound path. A compound path is a series of individual shapes that are combined into a single defined shape, and they cannot be ungrouped in PowerPoint. This will create problems when you want to animate or morph individual pieces of this shape. In Adobe Illustrator, it’s relatively straightforward to release the compound path into individual shapes, but in PowerPoint, we have to get a little tricky and use the Merge Shapes tool. To release a compound path, draw and place a large rectangle completely behind the compound path shape. Select the rectangle, then Shift-click to select the compound path in front. Under the Shape Format tab, go to Merge Shapes and select Fragment to break apart your compound path into easy-to-work-with pieces (Figure 7). You can delete the helper rectangle now.

Figure 7.If, after converting your SVG to shapes, you find that part of your chart is actually now a compound path, you can use the Merge Shapes tool: Fragment to release the compound path into individual shapes that you can more easily work with.

Figure 7. If, after converting your SVG to shapes, you find that part of your chart is actually now a compound path, you can use the Merge Shapes tool: Fragment to release the compound path into individual shapes that you can more easily work with.

Animating Tables

If you apply an entrance animation to a table, the entire table will animate in all at once as there’s no control for animating in rows, columns, or cells. Although there is an add-in from PPTAlchemy that will animate in parts of a table for you by placing shapes on top of your cells that are later animated out, the easier route is to simply break your table apart into smaller individual tables, rows, columns, or even cells, and then animate those pieces as desired. Breaking a table apart like this used to be a terribly time-consuming endeavor, but now you can do it with a single click by using the always amazing Brightslide PowerPoint add-in, which is cross-platform and completely free. To break your table apart, right-click it and select BrightSlide: Split Table, and then select Split into Rows, Split into Columns, or Split into Cells. In a split second, BrightSlide will convert your table into more manageable pieces that you can then animate in using PowerPoint’s normal tools (Figure 8).

Figure 8.If you have the Brightslide add-in installed, you can right-click any table and split it into rows, columns, or even cells.

Figure 8. If you have the BrightSlide add-in installed, you can right-click any table and split it into rows, columns, or even cells.

If you want to use animation to highlight or emphasize parts of a table, you can use this technique, and then layer cells, rows, or columns. For example, if I wanted to emphasize certain cells through an animation, I would first duplicate my table, use BrightSlide to split it into individual cells, format those individual cells, layer them on top of the original table in the appropriate places, then apply animations individually (Figure 9).
Figure 9.By splitting a table into cells using Brightslide, then layering certain cells over an original copy of the table, you can emphasize those certain cells by formatting them, and then animating them in.

Figure 9. By splitting a table into cells using BrightSlide, then layering certain cells over an original copy of the table, you can emphasize those certain cells by formatting them, and then animating them in.

Bringing Your Data to Life in PowerPoint

For most presentation designs, I recommend using a light touch with animation. Use it only if it helps tell your story (rather than adding it for the “cool” factor, which fades very quickly after a few slides). But when it comes to data, very often the sheer amount of information in a chart can be initially overwhelming to an audience. Using PowerPoint’s built-in chart animation features can help a presenter tell a complicated story clearly, by breaking charts and tables apart to achieve more engaging and effective results.

More Resources To Master Presentation Design

CreativePro Week is the essential HOW-TO conference for creative professionals who design, create, or edit in Adobe InDesign, Photoshop, Illustrator, Acrobat, and Microsoft PowerPoint.

Featuring over 30 expert speakers and 75 sessions, CreativePro Week offers five days of in-depth training and inspiration, all in one place. No matter your skill level, you’ll learn techniques and best practices you can start using immediately to improve your productivity.

LEARN MORE

As a member, you get a discount on your registration! See the Member Benefits page for your discount code.

Members get a special discount on registration! Sign up today.

Bookmark
Please login to bookmark Close

Not a member yet?

Get unlimited access to articles and member-only resources with a CreativePro membership.

Become a Member

Comments (0)

Leave a Reply

Your email address will not be published. Required fields are marked *