Hello, how can we help you?
Menu +

Pictograph and Arrays

Statistics visualized with icons and other graphic elements have a unique way of turning otherwise hard-to-process information into bite-sized, engaging figures.

But not everyone has the time or resources to create these from scratch using traditional graphic design software.

This is why Visme launched a cool pictograph maker that allows you to translate statistics into visual representations and even create bar charts using icons.

1
Select the icon array tool.

Once you’ve selected the type of content you’d like to create — presentation, infographic or custom dimensions — you can click on the Charts and Data Widgets icon on the toolbar found on the left side of your screen.

Next, click on the icon array tool to insert it onto your stage within the Visme editor. Then click on the Settings option, found on the top-left of your screen.

2
Search for desired icons.

Search for your desired icon by clicking on the arrow next to the icon in the pop-up window that appears under the Settings option. You can then type in your keyword in the search bar that appears. Once you’ve found the perfect icon to represent your information, simply click on it to insert it into your array.

3
Add a third icon.

If you have three different segments of a population to visualize, you can insert a third icon by clicking on the plus sign to the right of the second icon and follow the same steps as above.

4
Insert number of icons.

Then, insert the total number of each population under each icon. If you want to visualize percentages, you can use as little as 10 icons or as many as 100, depending on how they have been calculated or rounded and how much space you want your pictograph to occupy.

5
Adjust number of icons per row.

Depending on how you want to display your information, you can adjust the number of icons per row. Want to make your array wider? Simply increase the number of icons per row by manually inserting the number or adjusting the slider.

If you want to create a pictograph, rather than an array, you can select your row of icons and copy them by clicking on the Duplicate button to the top-right of your screen. You can do this as many times as you like, depending on the number of rows in your icon-based bar chart, and then customize each following the steps detailed here.

6
Change the color of icons.

You can apply your own colors to your pictograph or icon array by clicking on the color swatch below the icon and either selecting from one of your previously used colors or choosing from any of the color presets available within Visme. You can also save your palette for future use by clicking on the Save Palette option under the Colors tab.

7
Change the order of icons.

Additionally, you also have the option of randomizing the order of icons, in cases where you want to display a group of various icons but not in a clearly segmented fashion. Simply activate the Random Order option above the slider in your pop-up window.


Video: How to Create Pictographs and Icon Arrays

Back to home
Home
Charts & Widgets
  • The Basics
  • Getting Started
  • Common Questions & Answers
  • Creating & Editing 101
  • Publish & Download
  • Account & Plans
  • Project Types
  • Presentations
  • Infographics
  • Graphics for Social Media
  • Graphics for Website & Ads
  • Designing & Editing
  • Text & Text Widgets
  • Shapes & Icons
  • Photos
  • Charts & Widgets
  • Video
  • Tables
  • Audio & Music
  • External Content (i-frames)
  • Backgrounds
  • Animation
  • Make content Interactive
  • Grides & Guides
  • Working as a team
  • Analytic Tools & Insights
  • Tips & Tricks
  • Productivity Tools

Didn't find the answer to your question? Contact us using the form below: