Visually stacking icons to represent simple data can improve a reader’s recall of that data and even their level of engagement with that data. Pictograms can also be a fun addition to any infographic.
If you've ever asked yourself, what is a pictogram, we'll tell you all about it, show you when you should use them, and give you some inspiration with our pictogram examples.
Click to jump ahead:
- What is a pictogram?
- When should you use pictograms?
- Infographic pictogram examples
- Report pictogram examples
- Chart pictogram examples
- Survey pictogram examples
- Resume pictogram examples
- Pictogram design best practices
- How to make a pictogram in Venngage
What is a pictogram?
Pictograms are types of charts and graphs that use icons and images to represent data.
Also known as “pictographs”, “icon charts”, “picture charts”, and “pictorial unit charts”, pictograms use a series of repeated icons to visualize simple data. The icons are arranged in a single line or a grid, with each icon representing a certain number of units (usually 1, 10, or 100).
A feature of many great infographics, they’re often used to make otherwise boring facts or data points more compelling, as seen in the statistical infographic below.
And since pictograms are made from a series of icons, they’re perfect for those times when you need an attractive graphic but don’t have a graphic designer to rely on.
When to use a pictogram
You can use a pictogram whenever you want to make simple data more visually interesting, more memorable, or more engaging.
Whether you want to show the magnitude of an important stat or visualize a fraction or percentage, you can use pictograms to add visual impact to simple data.
1. Use a pictogram to show ratings or changes
We know that pictograms are great for showing simple proportions or percentages.
What’s a simple proportion that you see every day? Any guesses? Ratings, you got it!
Pretty much every site that allows customers to rate products or services (like Yelp and Amazon) uses pictograms to show the results of their five-star rating system.
We can do the same thing to visualize ratings, scores, and changes over time and space in our infographics.
Infographic pictogram examples
This pictogram example takes the form of an infographic. There's a lot of data to be shared here about change management. Instead of becoming overwhelmed by the ratings, the star icons draw the eye to key information that makes it easier to understand.
The Venngage Infographic Maker is an easy-to-use solution for all your design needs. We offer thousands of customizable templates that you can use to show a variety of ratings or scores.
Here's a pictogram example about peppers from CookSmarts. They’ve used a series of super simple pictograms (“Fire Ratings”) to show the heat level of various peppers.
Besides making the ratings easier to grasp at a glance, they’re a nice visual feature of the infographic.
Using pictograms to show ratings can be useful in everything from comparison infographics to net promoter score reports, like the example below.
2. Indicate progress to a goal in a project status report
Pictograms can also be used to indicate status or progress toward a goal. Documents like project plans, product roadmaps, and project status reports can all benefit from a visual indicator of progress in the form of a pictogram.
Report pictogram examples
In the project status pictogram example below, pictograms are used to give an overview of project progress and status (in terms of schedule, scope, and budget). It’s a quick way to communicate the high-level state of your project.
When you use a pictogram to show proportions, use a darker color to indicate the progress made so far, and a lighter color to indicate the work that remains. This use of color makes it easier for those reading the report to understand how much work remains to be done.
Maintain your brand presence in reports with the Venngage My Brand Kit feature. Available with Venngage for Business, My Brand Kit automatically imports your company logo, colors and fonts once you add your website. Apply them all to your reports with one click.
3. Spice up a simple bar chart for extra impact
As mentioned earlier, pictograms can help make simple data more memorable and engaging.
If your infographic is centered around a simple dataset (like a single bar chart), you can use a series of pictograms to make your data a little more visually interesting.
Chart pictogram examples
Take a look at the chart pictogram example below. Instead of using an ultra-simple bar or pie chart, this infographic uses pictograms to create a high-impact data visualization.
4. Use pictograms as visual tallies to summarize survey results
Infographics are perfect for summarizing and presenting survey results. They’re much more interesting than numbers simply placed in tables and spreadsheets, and they can help your readers grasp key survey insights.
Survey pictogram examples
Pictograms are a great way to showcase impactful survey results in an infographic. You can use them as visual tallies, to demonstrate things like basic demographic data (like job title or role).
They’re also a fun way to emphasize the magnitude of various numbers, as seen in this pictogram example of a survey infographic below.
Another great pictogram example with this technique can be seen in the popular YouTube video The Fallen of World War II, which uses pictographs to hammer home the death toll of the major wars in human history.
Instead of simply stating the number of deaths from each country, they’ve used pictograms to give those numbers even more significance.
5. Refresh your resume with pictogram skills summaries
Since pictograms work so well for showing proportions, they make a great addition to the skills summary portion of an infographic resume. You can use them to show your level of proficiency with each of the skills in your professional toolbelt.
Resume pictogram examples
Check out this infographic resume from Zhi Liang, for example. As a graphic designer, he’s created a very visual resume to show off his graphic design skills. He’s used a collection of simple (yet effective) pictograms to give a quick snapshot of all of his skills.
If you don’t want to go all-in with an infographic resume, opt for a standard resume with simpler pictograms. Use basic circle or square icons and neutral greys for a subtle, more professional look that works just as well, as in this pictogram example.
Pictogram design best practices
Pictograms can be very effective additions to any visual document, as long as you use them the right way.
Here are a few design best practices to keep in mind when you’re working with pictograms in your infographics.
1. Use simple, meaningful icons to make your pictograms clear
Pictograms work best when their component icons are as simple and universally understood as possible.
Icons that are too detailed will tend to distract readers from the data - obscuring the pictogram instead of showing it more clearly.
Think basic, symmetrical shapes like stars, circles, and boxes rather than detailed, illustrated icons. Single-color icons that fit roughly into a square are perfect.
At the same time, make sure the icons you choose are relevant to the subject matter of your data.
The infographic pictogram example below visualizes statistics for a consumer activity report. Notice how the icons in the pictograms are simple, but also provide a bit of information about the statistic they’re representing, the breakdown of consumer traffic.
Using simple, yet relevant icons will make it easier for your audience to interpret your data.
2. Avoid contrasting colors for proportions and percentages
Using contrasting colors when representing proportions in pictograms can make your pictogram more distracting than helpful.
Instead, try to use two shades of the same color so that readers can more easily compare and contrast the data in your pictogram.
Look at the below pictogram examples to see how you should and shouldn't incorporate colors. The pictogram on the left uses a darker shade for the percentage it wants to highlight and a lighter shade for the remaining units. The right uses contrasting colors that are distracting.
The easiest way to change color hues in pictograms in Venngage is to apply the same color to every unit, and simply adjust the opacity of the remaining units.
3. Stick with rows of 5 or 10 for maximum readability
You don’t want your readers to have to count all of the icons in a pictogram to get an accurate understanding of the data it represents.
So the icons in your pictograms, whether they’re displaying a single large number or a proportion should ideally add up to nice round numbers like 10 or 100. They should be split into rows of 5 or 10 to make your pictograms easier to grasp at a glance.
You can also make things easier for your readers by ensuring each pictogram is accompanied by a bold label - a large number that states the takeaway of the chart.
It doesn’t have to be anything fancy. Just a basic label that clearly tells the reader what they’re looking at, like in the pictogram infographic below.
How to make a pictogram in Venngage
Pictograms are one of the many built-in data visualization options offered in Venngage. You can make one of the pictogram examples from this article in three easy steps.
1. Pick an icon from our Icon Chart library
To get started, open the Chart library in the left toolbar and scroll down till you find the Icon Row and Icon Grid. You can click these to begin designing your pictogram.
Venngage’s icon database contains over 10,000 different icons, as well as a host of diverse icons to reflect your audience.
To make it easier to find the right icons for your pictogram, you can search by keyword or browse by category. Remember: the simpler the icon, the better it is for your audience to understand your message.
Once you’ve found an icon you like, simply click it to create your pictogram.
2. Adjust the size and fill percentage of your pictogram
With the icons for your pictogram selected, you will see a number of adjustment options in the top toolbar. You can see the "fill %'", "icons/row", and "icons/column".
Play with the “icons/row” and “icons/column” options to adjust the number of icons per row or per column in your pictogram. If you’re showing a standard percentage out of 100, it’s best to stick with a 10 x 10 grid.
Then set the “fill %” to match the percentage you’re trying to visualize. If you’re just visualizing a whole number in your pictogram, set the “fill %” to 100 so that every icon is the same color.
To change the scale of the chart as a whole, click and drag a handle on the chart’s bounding box.
3. Adjust the color of your pictogram
Finally, use the color swatches (also in the top toolbar) to adjust the colors of your pictogram.
Again, try to stay away from contrasting colors. Using different shades of the same color will make your chart easier to read.
Pictograms are a great addition to a number-heavy or text-heavy infographic. They’re ideal for statistical infographics because they can give a snapshot of quantity and volume in a visually impactful way.
Want to learn more about visualizing data in infographics? Check out this guide: