Create interactive column charts to educate your audience

1. Click on the Get started button in the top right corner of the homepage.

2. Sign up with Google, Facebook, or 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 Signup button.

3. 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

Interactive column charts are ideal when comparing limited amounts of data with a single value for each category. They should be used to quickly compare the values of this limited data. When the values represented are smaller counts, or there are multiple categories of data, a column chart probably isn’t the best option for sharing your data.

Because interactive column and bar charts are easy for any viewer to understand, they work well in blog posts and online articles. Taking a simple amount of data and showing change via the column heights quickly helps people comprehend the takeaway and stay more engaged in the content.

You can make a column chart in 5 easy steps:

1. Join Infogram to make your own column chart.

2. Select a column chart type (column, stacked, grouped, column & line).

3. Upload or copy and paste your data.

4. Customize labels, colors, and fonts.

5. Download your column chart or embed it on your website.

1. Label the axes to give your viewer context.

2. Add value labels on columns for easy reading.

3. Start the Y-axis at zero.

4. Avoid 3D perspective or shadows as it makes your data difficult to see.

5. Use one single color or varying shades of the same color. You can also highlight one column in particular if that is the main message you want to get across. 

To horizontally display values in your column chart, make sure columns are wide enough. To increase the column width, increase the chart size by dragging corners. Alternatively, set a fixed width to the columns:

1. Click to select the chart.

2. Open the Chart properties tab in the right-side settings panel.

3. Under Column width, choose Fixed.

4. Use the slider to adjust (increase or decrease) the column width.

View more

With Infogram, you can create dynamic charts and maps that update live and in real-time. We support two integrations for live updates:

1. Google Sheets

2. JSON feeds

As soon as the data changes in the Google Sheet or JSON file, the chart or map it is linked to will automatically update, even when embedded.

Note: Infogram doesn't support formulas, only raw data. If you use formulas or other scripts in your Google sheet, the calculations may not show on Infogram after the import.

To create a live-updating chart or map via Google sheets:

1. In a project, click the Add chart (or Add map) button on the left side panel and choose the chart type that best fits the information you want to display. If you are not sure which one to pick, try adding any chart type to your project and double-click it to review the example data. Use this data layout in the Google sheet you want to import into a chart.

Tip: Most Infogram charts can only display numeric data (line, column, bar, pie, bubble charts, etc.). However, some are designed to display textual information as well (word cloud, treemap). If your data source contains some columns with numbers and some with text, you will need to separate textual ones and visualize them in a separate text-based chart or import the data into a table chart that supports numbers + text inside one chart.

2. Double-click the chart to open its editor. Above the data table, you will see data import buttons. Choose to Add a Google Drive document. 

3. Connect your Google Drive account. All Google sheets will be displayed in the list. 

Pro tip: You can remove Google Drive and Infogram integration via the Google account settings. When you do, existing live-updating charts will lose their connection.

4. Choose the spreadsheet with the data you need from your Google Drive.

5. When you edit information in your Google sheet, it will automatically update in your Infogram chart. The chart refreshes data every 30 seconds to a minute. These changes will automatically apply to your embeds and shared URL link.

Note: When changing the order of tabs in a Google sheet, the tabs will not automatically shift in your Infogram project. Each data tab of your Infogram project draws information from the numerically corresponding tab in the Google sheet, therefore you have to manually rename the tabs in your Infogram chart.

To create a live-updating chart or map via a JSON feed:

1. Add a chart or map to your project canvas by clicking the Add chart or Add map buttons in the left side panel.

2. Double-click the chart to open its editor. Above the data table, you will see data import buttons. Choose the Add JSON feed option.

3. Use this example to understand how to format your JSON feed. To create a multi-tab chart or map, use the following example. 

4. Now, when you edit the information in your JSON feed, it will automatically update in your Infogram chart. The chart refreshes data every 30 seconds to a minute. These changes will automatically apply to your embeds and shared URL link.

View more

Give your projects a sense of structure by using text elements with predefined styles and a typographic hierarchy. This will allow your audience to navigate and understand your ideas more effectively.

To add text: 

1. From the project editor, click on the Add text button on the left-side toolbar.

2. Choose a text element, then drag and drop it onto the canvas.

These are the available text element options: 

1. Title: Used as a primary heading to name the project.

2. Subtitle: Used as a secondary heading to name sub-sections in your project.

3. Body text: Usually the most-read text element on the page. Make sure to derive other text element sizes from the body text size.

4. Caption text: Highlights the essence of a chart or map. Captions can be written in just a few words or a few sentences. Keep it short to make it most effective.

5. Quote: A reproduction of what another person said or wrote. For example, use quotes to convey customer reviews.

6. Facts & figures and Centered fact and figure: Both elements are text-based charts with icons. Best used to highlight interesting facts.

7. Table chart: A great option for displaying data with both textual and numeric columns.

Check out our other articles to see how to edit and resize text objects, as well as add graphic elements that contain text.

To undo or redo any edits in your project, simply use the arrow buttons in the toolbar just above your project. The left arrow allows you to undo and revert to a previous version of your project. The right arrow allows you to redo any edits. You can click the arrows several times to go back to where you started or to where you finished.

You can also use keyboard controls ⌘ + Z (on Mac) or Ctrl + Z (on Windows) to undo.

Note: Remember that after exiting or closing the project editor, the action history will be lost.

If you have started your project by clicking on the Responsive web and mobile layouts shortcut, after you delete a chart, map, text field, or any other object from your report, a message will appear in its place allowing you to undo the last action. No other action history is available when working with Responsive web and mobile layouts!