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.
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:
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 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
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 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
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
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
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
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 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
This type of chart uses two axes to easily illustrate the relationships between two variables with different magnitudes and scales of measurement. Explore
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
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
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 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
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 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
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
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
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”.
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”.
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”.
Director of Marketing
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
Trying to find an inspiration for creative new ideas? Check out a wonderful collection of impressive charts created by Infogram users. View more examples
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
Infogram has made this easy with five steps:
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
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:
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.
2. Select a cell and start typing or use keyboard controls:
3. Right-click a cell to access a menu with styling options. View more
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):
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:
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