Create Clear and Interactive Bar Charts

1. Click on the Get started button in the top right corner of the homepage.
2. 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.
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.

Bar chart types encompass various visual representations that use bars orcolumnsto convey data insights. Some key types include:

• Standard Bar Chart: Presents values across categories using horizontal or vertical bars.
• Clustered Bar Chart: Compares multiple data series within each category, grouping bars together.
• Stacked Bar Chart: Displays the total and segmented proportions of categories, with bars stacked on top of one another.
• Grouped Bar Chart: Compares sub-groups within categories, utilizing bars grouped side by side.
• Waterfall Chart: Visualizes incremental changes in a value over time, often revealing cumulative impacts.
• Histogram: Depicts the distribution of continuous data by organizing it into ranges or bins.
• Pareto Chart: Highlights significant factors contributing to a problem by combining bars and a cumulative line graph.
• Marimekko Chart (Mekko Chart): Represents the distribution of two categorical variables within a single chart through varying bar widths.
• Gantt Chart: Displays task durations and scheduling in project management contexts.
• Bullet Chart: Communicates performance against a target with a primary bar and additional comparative bars.

Interactive bar charts have a place in online presentations, slides, social media posts, reports, and ebooks. Across multiple industries, whenever you have to compare categories of information to show trends and changes over time, a bar chart is an effective way to tell that story. Using interactive bar charts elevates the experience by allowing viewers to move their mouse over key data points and learn more about those specific findings. This chart shows the different sources that generate electricity and how, over time, those sources change. By allowing the user to drag their mouse over data points, and adding select animations, what would normally be a run-of-the-mill chart is elevated and more engaging to viewers.

You can make a bar graph in 5 easy steps:

1. Join Infogram to make your own bar graph.
2. Select a bar graph type (bar, column, stacked, grouped, radial, or progress).
3. Upload or copy and paste your data.
4. Customize labels, colors, and fonts.
5. Download your bar graph or embed it on your website.

1. Label the axes to give your viewer context.
2. Put value labels on bars for easy reading.
3. Avoid using 3D perspective or shadows as it makes your data difficult to see.
4. 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 convey.

If you share or embed your chart online, anyone can see the data behind each bar, column, line, or pie slice in your chart by simply hovering over it with the mouse. However, some charts allow you to display the values inside the chart itself. This can be useful if you plan on downloading your chart as a static image or a PDF file, where interactivity is not supported.

To display values in your chart:

1. Click to select your chart.
2. Expand the Chart Properties tab in the right sidebar.
3. Enable the Show values option.

In column and bar charts, you can also choose to display the values outside of the bars and columns. Enable the Show values outside option in the right sidebar. Sometimes the values will not display even when the Show values option is enabled. This happens when there is not enough space to display the values within the bars or columns. In these cases, you need to increase the chart size. In single chart or map layouts, this can be done by increasing the width of the infographic. In pie charts, the option to show values is called Show callouts. You can also display the category name next to the value by enabling the Callout name option. You can automatically calculate what the variables represent in percentages, by enabling the Callout percentage option.

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. A JSON feed

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 if it’s 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.

1. In a project, click the Add chart (or Add map button) in 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, etc.). However, some are designed to display text information as well (word cloud, treemap). If your data source contains some columns with numbers and some with text, you will need to:
   1. Separate textual ones and visualize them in their own 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.