X
Think Differently. Think Visually. Receive weekly expert tips on becoming a better visual
communicator, right in your inbox.


Please leave this field empty.

We don't share your personal info with anyone.
Payman Taei

Written by: Payman Taei

April 13, 2016

Visme Introduces New Animated Charts

Animated-Charts-header

Enhancing data through the use of animation effects can go a long way in piquing your audience’s interest. But more than just a nice, cool-looking effect, animation can actually aid your audience in the process of assimilating information as it is being presented.

While static graphs and charts give you all the information you need up front, without building curiosity or suspense, animation effects appeal to our perceptual psychology, as covered in our previous post on how to animate presentations,

Just think about how you would present a static bar chart versus a chart that slowly comes into view using animation. With the first, you would have no control over the pace at which information is delivered. With the second, however, you would more effectively orient the audience’s focus and lead their eyes to specific points on the graph.

To help you apply this easily and quickly to your own slides, the online presentation and infographic tool Visme recently launched new animated charts with rollover effects, along with improvements to its existing chart module.

In this short tutorial (see video version below), we’ll go over ways you can use its new features to automatically create animated charts with just a few clicks.

How to Create Animated Charts

1 Choose a report template.

templates

To begin, all you have to do is log into your Visme account or easily create one by visiting www.visme.co and typing in your name, email and password. Next, choose either a presentation or infographic template or start from scratch.

To simplify the process of finding the right template for your needs, the new Visme offers categories of infographic types you can choose from, which are located to the right of the search bar. Here, you can also type in a keyword related to your topic to find what you need.

If you’re looking to create a report with several types of charts rather than just an individual graph, you can select the Reports category to view dozens of templates with a variety of charts and graphs in different styles. These can also be searched according to industry, such as marketing, business, non-profit, health, education and technology, among others.

2 Insert data.

ezgif.com-video-to-gif

Once inside the Visme editor, you can do one of two things: Create a new chart by selecting the Chart Tool icon from the left panel and clicking on “Make a Chart.” Or modify an existing chart within a template by double clicking on it.

In either case, the chart engine will appear on your screen, and you’ll see a spreadsheet area. Here is where you will insert your information, either by copying and pasting data from a spreadsheet or typing in the data, if it is a simple chart or graph with only a few data points.

You will also see new chart types you can browse through by clicking on the icons to the left of the chart preview area. There are now seven types in total: columm, bar, pie, doughnut, line, area and scatter plot.

3 Choose chart type.

chart types

Next, choose the chart or graph type that best meets your needs. For example, if your data consists of percentages that add up to 100 percent, then a pie or doughnut chart should be ideal. Or, if you want to show the relationship between data points across time, then a line graph might be the most effective.

4 Compare data sets.

compare series

You can now compare series of data within Visme, whereas before you were limited to visualizing a single data set. To do so, all you have to do is insert your additional rows of data below the first.

For example, if you want to compare online and offline donations received by your non-profit organization in the last six years, you can easily visualize the evolution using this type of chart, as seen above. You’ll see that the graph or chart is automatically animated in the chart preview area.

5 Change any color.

change color

Once you’ve inserted your data, you can now customize the look of your chart or graph, depending on which type you’ve selected from the left panel. To start, you can change any of the colors in your chart, including individual bar, line or pie segment colors, as well as the colors of the background, labels and titles.

You can choose from the colors stored in your global color palette, which saves hues applied previously within the same project, or you can insert the hex codes of your favorite color combinations (our post on 50 beautiful color combinations gives you hex codes you easily copy and paste to achieve the perfect look).

Or, if you’re going for a more conservative and professional feel, you can also stick to monochromatic color schemes, which are simply shades, tints and tones of a single color.

Whatever you decide on, just make sure it is consistent with the visual style and theme of your presentation or infographic.

6 Customize other settings.

change background color

After you’ve decided on your color scheme, you can adjust other settings, such as the title and subtitle of your graph or chart. You can also choose whether to hide or display point markers, axes, values and the grid, which outlines columns and rows.

Also, you can turn the animation off and choose whether you want the individual values for bars or segments to appear on the graph or not.

7 Preview chart.

animated charts

To see if you like the overall look of your chart or if you would like to make adjustments, you can click on the Preview button at the top of your screen. In this mode, you will see the animation effects that were automatically added to your chart or graph, as well as the rollover values that appear when you place your cursor over each bar or segment.

8 Publish, share or download.

publish share download

To publish your chart, all you have to do is click on the Publish button at the top of your screen. Here, you’ll find a link to your project which you can copy and share with others. Or if you want to embed your project on a website or landing page, you’ll also be given an embed code to copy and paste where you desire.

Finally, if you want to download your project as a static image, you can save it as a JPG, PNG or PDF file. But if you want to conserve the animation, there’s the option of downloading it as HTML5.

If you haven’t already taken the new Visme for a test drive yet, you can sign up today for free and try it out for as long as you want. We would love to hear your feedback and impressions. Just drop us a line in the comments section below, and we’ll get back to you!

90% of all information transmitted to our brains is visual.
People remember...
Become a more effective visual communicator. With Visme, you can create, share or download your visuals with no design training. It's free! Take a tour.

Warning: Invalid argument supplied for foreach() in /home/vismeco/public_html/blog/wp-content/themes/blog/single.php on line 644



We’re stingy and don’t share emails with anyone.

About the Author

Payman Taei is the Founder of Visme (he doesn’t like using the word ”CEO” it’s way too Formal), a Do It Yourself platform allowing everyone to easily create, manage professional presentations & infographics.

He’s also the Founder of HindSite Interactive an award winning web design and web development company.

3 responses to “Visme Introduces New Animated Charts”

  1. […] Or, if you’re looking for simple line graphs, this colored series is a good fit (you also have the option to animate charts, as seen here.) […]

Leave a Reply

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

Create Stunning Data Visualizations

Want to create beautiful data visualizations with the click of a button? Start creating charts and graphs within minutes with our easy drag-and-drop software. Access dozens of graph tools right now.