---
title: "Pictograms - \"X of Y\" Icon Arrays"
description: "The rating component now doubles as a pictogram. Repeat an icon or emoji to show \"7 of 10\", wrapped into neat rows. No new component, just a new way to use one you know."
url: "https://www.imejis.io/changelogs/pictogram-rating"
image: "https://www.imejis.io/og/components/rating-pictogram.jpg"
published: "2026-07-21"
author: "imejis"
---

# Pictograms - "X of Y" Icon Arrays

## Update: Pictograms

Ratings and pictograms are the same idea underneath: repeat a shape to show a count. So the rating component now does both. Turn up the `max`, wrap with `perRow`, and you've got a pictogram: "7 of 10 people", "42 of 60 seats", "8 of 10 stars".

### How it works

Set `iconShape: "custom"` with a `customEmoji` (a person, a coffee cup, whatever fits the story), a bigger `max`, and `perRow` to wrap the icons into rows. `valueFormat: "countOfTotal"` prints the "7 / 10" caption. Partial fills round or split the trailing icon, so fractional values still read true.

### Dynamic data, per render

```http
POST https://render.imejis.io/v1/<design-id>
{ "adoption.value": 7 }
```

"9 in 10 customers" social graphics, seat-and-capacity cards, survey and adoption stats, star scorecards.

### Try it

It's the "Pictogram" variant on the [rating component page](/components/rating), with a live playground where you can swap the icon and tune the layout.