Staggered motion

Sometimes our data can be quite layered. When there’s a lot of information remember to stagger on the content. Data should build off itself and if the graph is layered, transition on as if it appears behind the previous piece of content.

Once the graph is fully drawn, interpreted statistics and key details then appear.

Interpret the data

Introduce the content

This then gives us the stage to animate our information whether that’s a bar graph, line graph
or scatter graph.

Remember to always present the information in
the order of reading, that is chronologically—left
to right.

Establish your X and Y

Understanding how a graph should be read starts with your axes. This helps to establish the context and how we are viewing information.

When creating movement always start with raising the Y axis followed by the details on the X axis.

Graph basics

There are three key steps to creating motion graphs.
It’s all about the staging, the sequence of events. We highlight those for you below.

Our objective with motion graphs
is to carry the viewer through the information.

This is really a nice to have, but it’s a show stopping nice to have. Elegant motion and a staged logic will help make everything crystal clear. It helps pace out presentations and really adds emphasis to the really important numbers.

Overview

CONTENTS

Gradients and shadows