[XCSme]

This is cool. I wonder if this could just be a CSS library instead, where you just add the class "annotate-circle" to an element and it will use pseudo-elements (:before, :after) to draw the lines.

[tiborsaas]

With CSS Houdini it's possible.

To draw these irregular lines / shapes with normal CSS it's really hard, maybe if you inline some SVG.

[shihn]

I did implement a version of this in Houdini a couple of years back, that and a short thread of what Houdini was lacking in this case: https://twitter.com/preetster/status/1265679970006757376

[XCSme]

Couldn't that be achieved with gradients?