Erstelle eine interaktive Canvas-Visualisierungs-App, die es Benutzern ermöglicht, geometrische Formen wie Linien, Kreise und Quadrate zu konstruieren. Sorge dafür, dass Eckpunkte und Strahlen sichtbar sind und ermögliche das Erstellen von Teilstrecken. Implementiere ein kartesisches Raster für präzise Ausrichtung. Benutzer sollen Elemente löschen und verschieben können, und neue Punkte sollen automatisch an Schnittpunkten mit eindeutigen Namen erscheinen.

## Funktionen
- Nutze das Canvas zum Zeichnen und Interagieren.
- Formen umfassen Linien, Kreise und Quadrate mit sichtbaren Eckpunkten und Strahlen.
- Zeige ein kartesisches Raster für Präzision und Klarheit an.
- Füge Punkte und Formen per Klick und Ziehen hinzu und verschiebe sie.
- Zeige Punktnamen und Koordinaten beim Überfahren an.
- Ermögliche das Löschen von Elementen und das automatische Setzen neuer Punkte an Schnittstellen.

## Benutzerinteraktion
- Klicke auf das Canvas, um Punkte und Formen zu erstellen.
- Ziehe Elemente, um sie neu zu positionieren.
- Fahre mit der Maus über Punkte, um Namen und Koordinaten anzuzeigen.

## Umsetzung
- Strukturiere die App so, dass sie intuitiv bedienbar ist und alle Funktionen klar sichtbar sind.
- Sorge für flüssige und reaktionsschnelle Benutzerinteraktionen.
- Nutze etablierte Best Practices für eine nahtlose und benutzerfreundliche Oberfläche.

Создай визуализацию на канвасе возможности постройки прямой, окружности, квадрата, чтобы видно было вершины, лучи чтобы можно было делать. отрезки, И чтобы сетка была декартова чтобы все по сетке мелкой делалось. чтобы удалять можно было и чтобы новые ставить на пересечении появлялись новые точки с новыми названиями итд

Q: Как пользователь должен взаимодействовать с фигурами на холсте?
A: Клик для создания, перетаскивание для перемещения

Q: Какую информацию нужно отображать для точек и фигур?
A: Точки с именами, координаты при наведении