A rating element is a row of five stars showing a score from one to five. It's a compact, instantly readable way to mark how something measures up, so it sits well next to options you're comparing or criteria you're scoring.
Adding one
In Illustrate, open the Data category on the palette strip. In Diagram mode, type "rating" into the search panel instead.
Pick Rating, then tap the canvas to drop it, or drag to draw it at a size. It lands as five stars with three filled, in an amber accent.
Move, resize, recolour, or lock it like any other element. Its stroke (accent) colour tints the filled stars.
Setting the score and animation
Right-click the rating, open Tools, then Rating, and click a star in the Stars picker to set the score from one to five.
To animate it, right-click and open Animation. There are five options: None, Pop, Twinkle, Pulse, and Rock.
The animations split into two kinds. Pop and Rock play once as an entrance, so they're a nice touch when the rating first appears. Twinkle and Pulse loop by default, drawing a little ongoing attention. Once you pick one, a speed row (Slowest, Slow, Normal, Fast) and a Repeat toggle appear so you can adjust the timing or override whether it loops.
The wrapper draws no box border, so the stars sit cleanly on the canvas without a frame around them.
Animations respect your system's reduce-motion setting and freeze when you export, so an exported image always shows the stars at rest with the correct score.
Was this article helpful?