Create interactive charts to tell your story more effectively

Try Infogram for free

Visuals win when sharing complex ideas with an outside audience. Viewers stay engaged longer and easily retain information. Plus, it looks beautiful.

At Infogram, we offer you the tools to create various types of charts that are interactive and take your audience beyond a 2D model (all without creating a single line of code). Using interactive charts keeps viewers engaged with your content longer, encourages them to return, and garners more shares. Our interactive elements take animation, timers, gifs, interactive maps, (and more!) and leverages them to give you a head start against your competition.

This article covers the basics of where to use interactive charts, the types of charts Infogram offers, how to get started, and frequently asked questions. Don’t worry, we’re handling the complicated technical pieces, allowing you to focus on creating engaging, exciting, and educational content that will delight your customers.

Where to use interactive charts

It’s time to stop thinking about charts as boring, black and white, 2D boxes buried in a sea of text. Anytime you need to grab your audience’s attention (and keep it) Infogram allows you to become a visual storyteller. Create a chart for any of the following:

  • Business reports and presentations
  • Blog posts
  • News articles
  • Research article
  • Social media profiles
  • Marketing campaigns
  • Landing pages
  • eBooks and long-form content
  • Presentations
  • Any other pivotal marketing or communication channels

More than 15+ chart types

Once you’ve researched and come up with a great data-driven story, you’ll need to present it. Infogram offers endless ways to create captivating charts in minutes to tell your story more effectively than words or photos. Here you will find a guide that briefly explains when to use what.

Line Chart

line-chart-example

Line charts are among the most frequently used chart types. These are typically used to show changes and trends over a period of time, and spread out over an X and Y-axis. Explore

Pie Chart

pie-chart-example

A pie chart represents numbers in percentages, and the total sum of all segments needs to equal 100%. When comparing different categories, these circular graphs are recommended, helping to show the parts of a whole. They work best when limited amounts of data need to be shared. Explore

Area Chart

area-charts-example

Area charts are ideal for trends and changes over time. Similar to a line chart, they are spread out of an X and Y-axis, but fill in the area below the line to show volume. Do not use area charts to present fluctuating values, like the stock market or prices changes. Explore

Pictorial Chart

pictorial-charts-example

These charts use icons or pictures in relative size to help illustrate data patterns or trends in more engaging and memorable way. This an ideal was to show a visual representation of data. Explore

Treemap

tree-maps-example

Treemaps are a great way to compare things that are in a hierarchy and show the ratios of components. They display hierarchical information as a cluster of rectangles varying in size and color to communicate their data value. Explore

Word Cloud

word cloud example

These are visual representations of word values and frequencies. They’re useful to show how often a specific word is used (or not used) in a source of data. Explore

Scatter Chart

scatter-chart-example

These can also be called scatter plots. They use horizontal and vertical to plot data points, showing how one variable affects another. This allows visualization for relationships and trends in data. Explore

Bubble Chart

Bubble charts use an X and Y-axis to show data points represented by different bubble sizes. These different bubble sizes help visually explain specific numeric values. Explore

Dual Axis Chart (Line and Column)

This type of chart uses two axes to easily illustrate the relationships between two variables with different magnitudes and scales of measurement. Explore

Gantt Chart

These charts are a quick and easy way to display tasks and activities along a timetable. They help to visualize a project timeline in a sequence of horizontal bars. Explore

Candlestick Chart

This chart visualizes price movements over time for stocks, securities, and other financial instruments. It shows the open, close, highest and lowest price of an asset. Explore

Waterfall Chart

These charts visualize price movements over time for stocks, securities, and other financial instruments. It shows the open, close, highest and lowest price of an asset. Explore

Funnel Chart

Funnel charts show how data is filtered across multiple stages of a process or project. The values decrease gradually, forming the shape of a funnel. The last stage is the final result of the entire activity. Explore

Pyramid Chart

pyramid chart example

These charts help visualize foundation-based relationships. They appear in the shape of a triangle divided into horizontal sections labeled by levels of hierarchy. Each section has a different size. Explore

Radial Chart

Radial charts use circles to compare different categories. Radial charts are essentially bar charts plotted on a polar coordinate system instead of a Cartesian system. Explore

Column Charts

These charts are typically used to compare data across vertical bars. They’re useful to help visualize changing numbers and figures over a period of time. Explore

Bar Graphs

bar-graphs-example

These graphs typically present data with rectangular bars (plotted vertically or horizontally). Their heights or lengths are in proportion to the values that they represent. Bar graphs are used to compare things between different groups, or track changes over a period of time. Explore

Everybody loves Infogram

Many of our clients are excited by the service that we deliver. Read about what some have said about us.

“With Infogram we turned our service reporting into the cutting-edge category and receive amazing feedback from the user community”.

Andreas Igler
Director of IT & Operations

“I’m a data nerd, so I love tools that help readers better visualize information. We use a tool called Infogram at TechCrunch for data visualization. It’s super-easy to use, and you don’t have to be a data analyst or graphic designer to use it”.

Travis Bernard
Director of Audience Development

“Infogram has taken our stats to the next level. It's great to be able to upload a spreadsheet and turn it into a beautiful interactive piece for our clients to enjoy”.

Kris Carpenter
Director of Marketing

Browse all chart templates

Ready to make your own interactive chart? Infogram has over 200 customizable templates. We recommend browsing this selection for inspiration; you’ll be amazed by the options and places you can take your content. View more templates

Get inspired by chart examples

Trying to find an inspiration for creative new ideas? Check out a wonderful collection of impressive charts created by Infogram users. View more examples

Frequently asked questions

1. How to register an account 

  • Click on the Get started button in the top right corner of the homepage.
  • Sign up with Google, Facebook or email. Infogram lets its users sign up with a Google or Facebook account, or register with a work email. If you choose to sign up with Google or Facebook, simply login to your account when asked to do so. If you wish to sign up with your email address, enter the email and your desired password, then hit the sign up button.
  • Provide some basic information about yourself. Enter your first and last name, indicate what kind of organization you belong to and specify your role. You will then be able to continue with the Basic plan or choose from any of the available paid plans. View more

2. How to pick the right chart for your data 

The first question you should always ask yourself is whether visualizing your data is really necessary. Would it make the story easier to understand? Does it provide context? Is it relevant?

Including a visualization just for the sake of it can be confusing and reduce the impact of your story. Remember that bad data visualization can be worse than none at all.

It’s important to choose the right kind of graph to visualize your data. Here you will find a brief summary of various types of graphs and when it’s best to use what.

Take into an account! Make your visualizations as simple and clean as possible, it makes them much easier to understand and usually more visually appealing. Keep the ‘data to ink ratio’ in mind – if you had to print your visualization try and show as much information as possible using the least ink. View more 

3. How to create a chart

Infogram has made this easy with five steps:

  • Log in to Infogram
  • Select a chart type from the chart menu.
  • Upload or copy and paste your data
  • Customize your look/feel with labels, colors, fonts, and graphics
  • Download your chart as an image, or embed on your website

No need to create code… ever. We took the technical steps away to allow you to be creative and engage with your audience. View more

4. How to add data to a chart

Each chart comes pre-populated with sample data to show how data should be formatted when it's inserted into the chart. To add data to a chart you can:

  • Copy and paste
  • Import via integrations

To add data by copying and pasting:

1. Click the Add chart icon on the left side panel and select the chart you wish to use. 

  • Drag and drop it into the editor. 
  • Double-click to access the chart's data table. 

2. Select a cell and start typing or use keyboard controls:

  • CTRL/CMD+C to copy
  • CTRL/CMD+X to cut 
  • CTRL/CMD+V to paste
  • CTRL/CMD+z to undo the last edit

3. Right-click a cell to access a menu with styling options. View more

5. How to edit chart settings

Customize charts to look just the way you want them to! Chart settings are located in the right sidebar of the editor.

After adding a chart to your project, select it once to access chart settings. Use tabs at the top to switch between the data table and settings.

Here you can add animation to your chart, as well as edit (click on hyperlinked settings to be redirected to tutorial articles):

  • Chart properties
  • Color
  • Axis and grid
  • Fonts
  • Legend
  • Tooltips
  • Data format
  • Accessibility

View more

6. How to adjust chart axis

Infogram offers you a variety of additional settings for customizing charts and displaying your data.

By default, charts automatically assign an axis range, starting from 0, up to the maximum value. If your data values are large, it might be hard to compare the differences between elements. Having the axis starting point from a different value will make the distinctions between elements more obvious.

To adjust the chart axis:

  • Click to select your chart, then expand the Axis & Grid tab in the right sidebar.
  • Enter the axis start and/or end values to adjust the axis range.

You can also add labels to the axes and enable or disable gridlines in the chart background. Grids can make your data easier to follow, but can also be distracting in some situations. Use grids if the value of each specific data point is important.

Enabling the Fixed grid in all sheets setting will lock the range of the chart axis across all data sheets in your chart based on the largest value in the whole dataset. Use this setting if you are, for example, comparing the same elements over a period of time and intend to have the user click on the tabs above your chart to compare the data and see how it has changed during time. This way, the increase or decrease in values will be clearly visible as the axis range will not change. Don’t use this setting if you are comparing different elements in the tabs or the chart visualization will differ significantly.

To enable the zero baseline:

1. Select the chart with a click. 

2. In the Axis & Grid tab of your chart settings, in the Grid drop-down, choose None, Vertical or Horizontal. Note: The horizontal zero baseline or vertical zero baseline setting will appear when you choose to display the gridline perpendicular to the axis. 

3. Enable the horizontal zero baseline or vertical zero baseline setting. 

To adjust settings in a line chart: 

If you are using a line chart, you can flip the chart axis so the lowest values are at the top: 

1. Click to select your chart, then expand the Axis & Grid tab in the right sidebar.

2. Enable the Flip chart option.

By default, line charts use a date format for the top row column. Here you can also enable Numeric categories to treat the values as plain numbers. That this setting works with numbers and not date/time formats.

If you have only a few data points and would like for your line to have smoother angles, you can enable the Smooth curves option which can be found by expanding the Chart properties tab in the right sidebar.

Tip: Don’t use this option if the exact position of your data points is significant.

You can also add or remove the value point dots your line. This makes it easier to call attention to specific values, directing viewers to specific bits of information. With large datasets, points are turned off automatically when the chart area becomes overcrowded. View more

Didn't find the answer? Check our FAQs

Start your first project now