Here they are all in one card. Can't see any problems.
(a bit changed the quarter's small window placement rules to get alignment and sizes correct for different sizes)
I assumed you meant clip-path is not supported by Internet Explorer?
But at least for me, neither the Node-Red editor nor Dashboard work at all on Interent Explorer, just a blank page.
Unless it's different for everyone else, it seems IE incompatibility is no reason not to use clip-path.
Well There is many more things which does not work for IE but your question was about the clip path and that I knew without looking can-i-use. There is a lot more what is not supported, like CSS variables and custom properties and so on.
It is for modern browsers for sure.
One thing though, when I import your flow, my clock has no hour ticks. (same with the last version you posted too). Well, they are present but all stacked up at 9:00
Does transform: rotate(calc(-30deg + var(--ga-tick) * 360deg/var(--ga-tick-count))); work in your browser?
(-30deg so the first tick is at 9:00, or 0deg for 1st at 10:00)
It does not matter where the tick is. (as long it is somewhere we are used to have the hour tick of the clock) There is no more dependencies but the logic where you define the side by numbers.
Yes that's why I started with 90.
I was thinking of colouring 12, 3, 6 & 9 red, so it would make sense for them to be --ga-tick:3 etc.
I guess that makes the start of the formula 60deg. I'd better try it...
Why my logic is build up that way? Just as it is common for all use cases. The build up starts for me with thin rectangle in space. That rectangle can be made even vertically or horizontally thin. I have gone with horizontal way. So it starts even from 3 or 9 position. And my choice was 9. It is same for all gauges, not just the clock and so the calculation rules are logically same and it will be easier to maintain the code that way. Nothing more. You can freely change it. Most important is that you understand what it does.
In that form, it can be used with uibuilder or even with http-in/-out nodes. Or even (horrors) without Node-RED at all - though where's the fun in that!