The Timeline

Here’s an infographic template for showcasing the history or evolution

of a particular topic. Simply update the years in the circles below,
replace the dummy text, and customize the images to suit your style.

Placeholder Placeholder
2006
This is placeholder text. This is placeholder text.
Write something Write something
interesting here! interesting here!

2007

Placeholder Placeholder
2008
This is placeholder text. This is placeholder text.
Write something Write something
interesting here! interesting here!

2009

Placeholder Placeholder
2010
This is placeholder text. This is placeholder text.
Write something Write something
interesting here! interesting here!

2011

Placeholder Placeholder
2012
This is placeholder text. This is placeholder text.
Write something Write something
interesting here! interesting here!

2013
$
Placeholder Placeholder
2014
This is placeholder text. This is placeholder text.
Write something Write something
interesting here! interesting here!

2015

Use this space to write a short conclusion for Your logo here:
your infographic and/or to provide a call-to-action.
 THE DATA GEEK
Here’s the perfect infographic template for highlighting data!
Double-click on the charts and graphs below to edit the style.
Right click and choose “Edit Data” to update the values.

This pie chart is great for displaying percentages / parts of a whole.

Use this text box to give

some more context
about the data you’re
displaying. How is it
helping to drive home
your main point(s)? Is
there anything confusing
that needs to be
explained in more
detail?

Use the line graph below to compare values over time.

Like pie charts, these doughnut charts are great for showing parts of a whole.

Use the bar chart below to compare values.

Use this text box to give

some more context
about the data you’re
displaying. How is it
helping to drive home
your main point(s)? Is
there anything confusing
that needs to be
explained in more
detail?

Use this space to write a short conclusion for Your logo here:
your infographic and/or to provide a call-to-action.
COMPARING TWO
SIDES OF THE
SAME COIN

When creating an infographic for comparing
data, one of the easiest design tips is to
simply split your infographic in half. Use two
distinct colors and give each set of data its
own side on the page.
You can do this by choosing one color for
each side, and then use the basic shapes to
create two parts to your infographic. As you
can see, we’re using blue and red with white
as the general font color.

2 1 1
DIFFERENT
FONTS
FOR
HEADERS
FOR
TEXT 50 50

GROUP YOUR SHAPES

When creating custom graphics
from an assortment of shapes, it
can help to “group” those shapes
when you need to resize or move
them around your infographic.

BAR GRAPHICS CAN BE EASILY MADE

Learn to use a variety of You can do this by right clicking the

shapes to create interesting
graphs, charts, and other
visualizations to show off your
data points.
object above, navigate to
“Grouping,” and click “Ungroup” to
break this object into its individual
shapes. To regroup it, just highlight
all the pieces, right click, and
choose “Group” from the menu.

Hold the Shift key to select more

than one element at a time.

SHAPES THAT LOOK LIKE GRAPHS

Each of these icons was created from

individual shapes and lines offered by
PowerPoint. Using a combination of basic
shapes, rectangles, and lines, we were able
to create some commonly used icons for
infographics.
You should start by choosing a base color.
We used white as the base color of our
icons and blue or red to create the details.

31

Don’t forget to hold the Shift key when

selecting multiple pieces of one icon. Once
you’ve selected each element of the icon,
you should “group” it so that you can more
easily move and scale the object.

The icons seen here are not limited to any

particular color scheme, size, or shape.
Experiment with your own company colors
and style to find what works for you.

Try sticking to a few main

The goal of this infographic is
colors for your infographics.
to illustrate two distinctly
This will give your designs a
different sides and compare
professional feel that looks
them visually for the viewers.
vibrant but not too busy.
Breaking your data into two
sides will do the job well.

Use this space to write a short conclusion for Your logo here:
your infographic and/or to provide a call-to-action.
 The Image-Heavy
INFOGRAPHIC

CLOSE-UP OR FAR AWAY?

VS

The left image performed X% better than the right image.

LAPTOP OR MOBILE PHONE?

VS

The right image performed X% better than the left image.

ONE OR TWO?

VS

The right image performed X% better than the left image.

SHARK OR ROCKET?

VS

The left image performed X% better than the right image.

Use this space to write a short conclusion for your

Your logo here:
infographic and/or to provide a call-to-action, like “To
download these stock photos for free, click this link:
http://offers.hubspot.com/free-holiday-stock-photos”
 CONVEYING
STATISTICS

There are times when we have a staggering amount of information that we can’t present with
an image-heavy infographic. These times call for styles of design
that focus more on the fonts and how they can give your infographic a professional
look without the clutter of too many images.

INFORMATION USE YOUR

COLORS

70
SQUIRRELS ALTERNATE THE COLOR

PREFE OF YOUR TEXT TO

PEANUT EMPHASIZE
R
OVER
BUTTER
CERTAIN DATA
JELLY
PEOPLE
MIX AND MATCH
9 OUT OF 10 SHAPES

MARKETER OVE
WILL SHARE
S
THIS 100
R
TIME SHAPES
CAN BE USED TO CREATE

68
GRAPHICS
YEARS
PUPPIES
UNTIL TIMELINES
TAKE OVER VIDEOS

WORL
THE OF CATS

STATEMENTS D
2012 2013 2014 2015
INBOUND MARKETERS
ARE RESPONSIBLE FOR
FINDING LIFE ON MARS GRAPHS
10
ATTENTION SPAN OF PEOPLE
9
RANDOM THOUGHTS 8
7
6

YOU CAN’T 5
4
CATCH APPLES BY 3
THROWING ORANGES 2
1
2012 2013 2014 2015

400
BILLION STARS
IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and
alternating font sizes. By focusing your design on two simple aspects, you can
accomplish an intricate outcome. For an infographic of this
style, I would suggest using no more than three colors and stick
to one font to make things simpler.

DON’T LEAVE
TOO
MUCH
WHITE SPACE
An important thing to remember when designing an infographic is to keep your
use of white space to a minimum. Although white space can be useful, too much
will spread your data too far apart and break the flow
of your infographic. When you’ve finished designing your graphic,
take a few minutes to adjust and move your elements around to
find that perfect level of spacing.

Use this space to write a short conclusion for Your logo here:
your infographic and/or to provide a call-to-action.