Create an icon chart

The Icon chart is a visual representation of data using icons. It displays a repetition of the same icon (symbol) to compare different classes (categories) of data.

  1. When to use an icon chart?
  2. Create an icon chart
  3. Change colors and icons
  4. Configure the icon chart
  5. Example

When to use an icon chart?

The icon chart is useful to compare different categories. 

It allows to see clearly the composition of the dataset as each icon (symbol) represents the portion of the dataset that fits a category.

If you need to compare more categorizations/dimensions, maybe a bar chart would be a better idea (article here)

Create an icon chart

To create an icon chart:

  • Select the "Analytics" module in the main menu (left)
  • Click on the "+" sign
  • To create the new analytics report, you must:
    • Enter a title
    • Select a dataset
    • Select an output type (in this case: Icon chart)
    • Save
  • A draft data visualization will be displayed
  • To configure the report:
    • Click the "Toolbox icon" to open the configuration panel

  • Configure the chart to fit your needs
    • Click "Generate" to view the result
  • Click "Save" to save the report
  • If you open this pie chart again in the future, it will be automatically updated to reflect the newly added data. Therefore, if you wish to keep the report that reflects the current data, you need to export it.

Change colors and icons

The colors and icons used to represent each category can be modified. 

If you need to change the symbol and color assigned to each category, please refer to the article "Manage systems lists" here.

Please note that only the administrator (and sometimes other users with this specific access rights) can manage the system lists and therefore modify the colors and icons assigned to each category.

Configure the icon chart

The following parameters are displayed in the icon chart configuration panel:

Parameter Details Example or Link
Calculation method Allows to select the calculation that will be applied (Average, Sum, Count, etc.). For more details, you can read the "Calculation methods" article.
Field Allows to select the field that will be calculated. This must be a numerical field.
Display the value as a percentage If the labels are displayed, you will see the proportion of the slice. Example: The dataset has 15 rows. 3 of them are in category A. Then if this box is checked, it will display "20%" instead of displaying "3" in the slice representing category A.
Disaggregation Field (categories) that will be compared.  This could be gender/region/sectors, etc.
Distinct values Allows to count items only once and avoid duplicates. Example: a participant could have attended multiple activities of the same type. If you need to count participations only once per attendee/type, then you need to select the Attendee field as a distinct value.

For more details, you can read the "Distinct count" article.
Dropdown lists: use predefined colors Allows to color icons using the colors attributed to each category. Otherwise, colors will be attributed randomly. For more details, you can read the "Manage system lists" article.
Dropdown lists: use system list icons Allows to use icons attributed to each category. Otherwise, icons will be a default "page" icon (or you can change the default icon too). For more details, you can read the "Manage system lists" article.
Filters Allows to filter out part of the dataset. This is optional.


In this example, we want to see the proportion of male vs female (for the value of a disaggregated indicator.)

This example uses the "Indicator disaggregated values" dataset.

Parameter Chosen option for the parameter
Calculation method Sum
Field Overall cumulative
Disaggregation Gender
Distinct values (columns) not applicable - empty
Dropdown lists: use predefined colors Checked (yes)
Dropdown lists: use system lists icons Checked (yes)
Filters Project = the project for which we want that information
+ Last actual only (because we want to compare male vs female for the last value that was entered)