I am trying to create a ratings distribution visual. Like these examples:

It’s for a site where users rate items and I’m looking for direction on how to develop something that display’s the ratings distribution.

Does anyone know of a widget or quick way to implement this without coding it from scratch?

The site is all hand-coded – no CMS or anything like that. The front end is vanilla javascript, css, html, and the backend is php, mysql. I do use existing code from around the internet, for example I used slick slider (https://kenwheeler.github.io/slick/) elsewhere on my site, so I am capable and interested in finding existing solutions that I can integrated into my site, rather than coding all the javascript and everything from scratch. I am also familiar with javascript libraries like JQuery and React, so anything like that could be fine.

I could code this, writing the javascript and css myself, but that would likely take much longer than finding some existing solution to start with.

I looked around the internet for an existing solution/widget, something I could use and build off of, but found nothing. Usually when I don’t find anything, I ask here and someone has a good suggestion.