Put a customized circle in cell based on value in dash-table


I was wondering if I could put custom circles in table cells based on their value. For example, something like the following:

I had a look at conditional styling examples, and I thought I could work something out with “Special characters like emoji, stars, checkmarks, circles” example, but I would be limited to the few circles in the emoji list. I want to be able to customize the color and add text etc. I think with html and css you can work it out by putting a div inside the cell, but I’m not sure how to do it in dash-table.

Thank you in advance.