Create Interactive Treemaps in Minutes

1. Click 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 log in 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.

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

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 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 paste your data.
4. Customize the colors, fonts, and labels.
5. Download your chart, embed it on your website, or share it directly on social media platforms. You can also export it as a PDF, PNG, or JPG for presentations, or create a link for live updates.

This video will get you on your way to creating awesome charts, reports, maps, and infographics! https://youtu.be/5P5dVD_nozI

https://youtu.be/dnqEQVI5e9A

• Label each region appropriately with text or numbers.
• Use bright, contrasting colors, so each region is easily defined.
• Avoid labeling every box if you have a lot of data.
• 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:

• Google Sheets
• JSON feeds

As soon as the data changes in the Google Sheet or JSON file, the chart or map it’s 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.

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’re 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’ll 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.

1. Double-click the chart to open its editor. Above the data table, you’ll see data import buttons. Choose to Add a Google Drive document.  
2. Connect your Google Drive account. All Google sheets will be displayed in the list. 
3. Choose the spreadsheet with the data you need from your Google Drive.
4. When you edit information in your Google sheet, it’ll 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.
5. Pro tip: You can remove the Google Drive and Infogram integration via the Google account settings. When you do, existing live-updating charts will lose their connection.

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.