HELP in template dashboard node

Hello everyone,

I need some help to create a circle with some information in side on the dashboard
The circle and the content will have a color and text using two msg property.

I have already created the circle with the color, using the following code, but I don't know how to insert the content in the middle of the circle.

<svg width="50" height="40">
    <circle id="circle1" cx="20" cy="20" r="20"
       style="stroke: none; fill: {{msg.payload}};"/>
</svg>

Thanks in advance!!

Best regards,
Juanjo

Did you try a google search svg text in a circle