Circle Text Hover, Monospace

Text is split (on each word and then) on each character and each character is placed on a circle, uses monospace font, which ofcourse is easier to setup.
Mouse position is tracked and set as CSS variables on the component, which are then used to position the hidden text that appears on hover.
Utilizes the .split-space span to take up space between words in the circle. The .split-space span contains a non-breaking space, which is useful when you're positioning the character spans absolutely, but can cause 'ghost' spaces before words when lines wrap.

Jawattan Maphcase