Pictograms - "X of Y" Icon Arrays

Update pictogramsUpdate: 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 worksHow 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 renderDynamic data, per render

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 itTry it

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