Create interactive treemap charts to tell your story more effectively

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

Treemaps essentially show parts of a whole, and how everything is divided. They display hierarchical information as a cluster of rectangles varying in size and color, depending on their data value. The size of each rectangle represents a quantity, while the color can represent a number value or a category. Simultaneously, they also show how data is organized.

Treemaps are best used when there is a large amount of data to share. Global populations organized by countries or statewide voting records organized by the county would greatly benefit from a treemap. 

If the data is very balanced, a treemap is not recommended; it works best with more varied data points. It’s recommended to use an interactive treemap when there are more than two or three levels of organization to display.

You can make a treemap chart in 5 easy steps:

1. Join Infogram to make your own treemap design.

2. Select the treemap chart type.

3. Upload or copy and paste your data.

4. Customize the colors, fonts, and labels.

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

This video will get you on your way to creating awesome charts, reports, maps, and infographics!

If you’d like to learn how Infogram helps teams work faster and communicate data in a better way, schedule a demo with one of our experts or join one of our webinars.

1. Label each region appropriately with text or numbers.

2. Use bright, contrasting colors, so each region is easily defined.

3. Avoid labeling every box if you have a lot of data.

4. Don’t clutter your treemap with too many boxes – treemaps can contain any number of boxes, but space is limited! You don’t want your treemap to be hard to read.

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.

View more

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:

A. separate textual ones and visualize them in a separate text-based chart or

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

View more

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