All solutions

I did not know how the hover labels should be done and positioned.

I used absolute positioning, but I am not sure how best to center them above the bar. If there were more digits, I think they would not be centered now.

I felt mostly happy building this, but feedback, especially around best practices, is still welcome.

I was not able to get the background colours right for this project.

How should the rating circles be made accessible? Should this component be a form with HTML radiobuttons and a submit button? Is it possible to style these appropriately?

I was also not sure how best to enforce that the container should be the same size for both states. I wasn't sure if I should be setting explicit dimensions on the container for this.

I was not sure how to add the corner highlights to the individual results.

For the total results container, I was not sure how I should be doing the spacing between elements. I have a mix of paddings and margins, but maybe this could be done better?

I am not very confident about the data fetching and building the cards from the JSON file, whether this could have been done in a better way.

The naming of the classes is probably not best practice...