UI Design for a ratings use case

In the solution I have where this applies, I presented the user with radio buttons of the stars (1-5, with some empty and some filled). Don't believe hover to change color is available.

Hi

I think it is not possible to achive mouse hover, but you can do it by onclick. use a!dynamicLink()
in a!documentImage() to save the value of selected star value in to some rule input or local variable.
if that rule input or local variable is not null then display different colors of stars based on the selected value.
Here you need to use two different colors of stars

a!imageField(
image:{
applycomponent(
a!documentImage(
Document: /*red or wight based on codition*/,
link: a!dynamicLink(
value: _
saveInto: local!selectedStar
)
),
enumerate(5)+1
)
}
)

Hi

In a similar use case, I've once used milestoneField as an alternative.

a!milestoneField(
steps: {"poor", "average", "good", "very good", "Excellent" },
links: a!applyComponents(
a!dynamicLink(
label: _,
value: _,
saveInto: ri!rating
),
{merge({"poor", "average", "good", "very good", "Excellent" }, {1,2,3,4,5})}
),
active: if(ri!rating = 5, -1, ri!rating)
)

Thanks everyone for the suggestions. Using the same approach suggested by raja.