Skip To Content

Build Infographics

Using the Business Analyst web app you can create custom Infographic templates for analysis of your sites.

With the Business Analyst web app you have a new way to visualize key indicators and information in the form of beautiful infographics. Infographics can be created from a set of ready-to-use templates, or you can build your own templates to create graphical data visualization. These visually compelling infographics can contain charts, graphics, tables, images and text that can be styled to make them more engaging.

Infographic templates

Below, are the templates that are available to you.

Esri templates

These are predefined templates that you may use as is, or as a starting point to modify and customize. For example, the Demographic Summary template is already populated with relevant content such as infographics on education, a chart on household income and more. You may simply add your custom logo and save it for use or edit the content to customize the template according to your needs.

Blank templates

These are blank templates to which you can add you custom logo and add your infographics, charts, graphs, tables and other elements. There are two types of blank templates with which you can start.

Templates with grids

These are blank templates that have predefined suggested layouts for a logo and rows of columns. Click on one of the thumbnails to get started, or, click Create a custom template with grids to define your own custom grid layout. For more details, see this step-by-step guide, which uses a template with grids as the starting point.

Blank template

Free-form template

This is a blank template with no predefined layout. Click Create a free-form template to get started. You can then add your custom content in the form of floating panels i.e. panels which can be placed anywhere on the template and moved around as needed.

Add a new free form panel

Click Add image to add floating elements such as images and shapes, to appear above or behind the panels in the template.

Floating element attributes

My templates

The templates you save can be accessed here. To edit a template again, move the pointer over it, and click the Edit Template button.

Shared templates

Templates that others in your organization created and have shared with you are listed here. To save a template, move the pointer over it, and click the Save As button. Once saved, the template will be available to you under My Templates.

Customize a ready-to-use template

To quickly familiarize you with custom infographics, this guide will show you how to select a ready-to-use starter template and customize it to serve your needs.

  1. Sign in to the Business Analyst web app. Go to Reports > Build Reports > Build Infographics.
    Build Infographics

    The Esri Templates tab is open by default, and has several ready-to-use starter templates.

  2. In this example, you will select the Marketing Profile template. Move the pointer over it and click Open.
    Select Marketing Profile template

    This opens the infographic template in editable mode. Every infographic template is composed of panels. The Marketing Profile infographic has seven different panels - five small panels and two large ones and each panel can be customized.

    Marketing profile template in edit mode

  3. To start with, you will customize the top-left panel with your own company logo. Move the pointer over the top-left panel and click Edit.
    Add your company logo

    The panel is opened in edit mode. You may click in the Title field and customize it. You may also click in the Description field and enter a description. To customize the logo, click Edit Image, and upload your own logo image.

    Apply panel changes

  4. Click Apply.

    The first panel will be updated with your changes. You can then click on any of the other panels to replace the content with a different infographic, chart or other item. For example, move the pointer over the Education Spending panel, and click Replace. You can even replace it with a panel from another template by clicking Add panel from another template. Here, we will choose another available infographic element. Click Infographic.

    Replace spending panel with infographic
    You may use the arrow buttons on the left and right to browse the available ready-to-use infographic panels.

  5. Move the pointer over the infographic for Internet Access, as that would be a good indicator of the potential to market online books. Click Add.

    Add Internet Access infographic
    The Education infographic panel gets replaced with the Internet Access infographic panel. You can also replace panels with other items like images and charts.

  6. Going back to the image in step 4, you will now add a chart that has some information about consumer spending habits for purchasing books. Move the pointer over the large Tapestry Segments infographic panel, click Replace, and then click Chart.
    Click to add a chart

    This will open the data browser where you can perform a search for information about books.

  7. Use the shift + click operation to select the first three variables in the search results on the left.
    Selecting the first three variables
  8. Drag and drop the selected variables to the right panel. A chart will be created.
  9. From the Chart Type drop-down menu at the top, change chart type to Horizontal Bar Chart. Click Apply.
    Adding horizontal bar chart

    The Tapestry Segments panel will be replaced by the chart with information on book purchasing habits you created

  10. You are now finished modifying your template. Click Save.
    Saving changes

    The Save Infographic Template dialog is launched.

  11. Give the infographic template your own custom title, in this case: My Book Marketing Profile. Click Save.
    Adding a title to your template

    The Infographic Saved dialog appears with notification that your infographic template was saved. Select the checkbox to set this infographic as the default infographic in the site details popup window (by doing so, you will see this infographic as the default when you request infographics for a site).

  12. Click OK.
    Infographic saved

    The My Templates tab will be opened and you will see your saved custom infographic template at the top of the list.

    New template under My Templates tab

  13. Click the Maps tab and from the project panel, load a site on the map.
  14. Click Infographics to view the infographics for this site.
    View infographics for your site
    If this is the first time you're running an infographic, you will be prompted to save the default infographic (which you may change in the drop-down menu), and the viewer (default selection is full screen infographic viewer but you may change it to slide show). Click Save.
    Infographic preferences

    The My Book Marketing Profile infographic for the site is displayed in full screen mode, for the first ring. There are several controls at the top. E.g., you may select a different infographic from the drop-down menu on the top left, change the selection to a different ring from the drop-down menu, fit page, edit, share, export, and print. The chart in the lower right has a switch view control you can click to switch to table view and sort the values.


    You can also change this setting under Preferences > Reports > Infographics.

  15. Click Export infographic.
    Export infographic

    The Export Infographic dialog box opens. You may export the infographic as:

    • PDF
    • Image
    • Dynamic HTML
    Create PDF
    Dynamic HTML creates a stand-alone HTML page, with all the dynamic capabilities of the Business Analyst infographics viewer, that you can use in your own web site. This means you can get tooltips for more details, view tables of charts and pan and zoom interactive maps.
    • No web service calls will be made to get Business Analyst data; all the date is already wrapped in the page.
    • Maps are dynamic allowing you to pan and zoom and interact with content.
    • All analysis areas are exported at once, meaning you can switch and compare 3 rings.
    • All the capabilities of the infographics viewer (e.g. printing and zooming) is available as well.

    Each PDF and Dynamic HTML export uses 10 credits.

Create your own custom infographics template.

In this advanced step-by-step guide, you will learn how to create your own custom infographic template from scratch, and also create your own custom infographic panel. Once you create a custom infographic panel, you need not recreate it every time. You can conveniently save it and reuse it in any other custom infographic template that you create.


To get started creating your own custom infographics template follow this step-by-step guide: Building your own infographics template.