Create the BASIC circular keyboard via SVG

[alekslovestech]

• Circular Keyboard with SVG
• Each pie slice can then be assigned to a class
• This simplifies testing, scaling, rotation, icon formation

[alekslovestech]

Advantages

1. Scalability:
2. Ease of Manipulation:
3. CSS Styling
4. Accessibility - SVG is accessible within the DOM, meaning you can make SVG elements focusable, readable by screen readers, or keyboard navigable, which is useful if accessibility is a requirement.
5. .Performance for Static or Low Complexity Graphics
6. DOM Integration - SVG elements are part of the DOM, making them easy to work with, integrate, or manipulate using typical DOM methods or frameworks (like React). Each key can be referenced and modified directly using document.querySelector or React state changes.