Wie kann ich einen Vektor/Versor in html plotten lassen?

Also ich habe den wohl hässlichsten Rechner für Rotation eines Versors in ℝ²:

Ich will dieses Rechner jetzt noch hässlicher machen indem unter "Complex Number z" und "Rotated Complexnumber z'" den jeweiligen Vektor dazu am Einheitskreis mit Achsen Plotten. (Ich will das danach für ℝ³ mit Quaternionen machen, doch eins nach dem Anderen.)

Ich wollte mir also anschauen wie das geht, doch da viel mir auf, dass ich zu dumm dafür bin, um das zu verstehen und nachzumachen.

Ich habe Ansätze über svg und js probiert, doch das brachte nichts außer noch hässlichere Grafiken, die dazu noch falsch waren.

Deswegen wollte ic fragen, ob mir jemand hier erklären kann wie man das macht (für dumme)?

Mein html:

Mein js:

(Das bisherige funktioniert, doch das mit den Vektoren/Versoren kriege ich nicht hin.)

Deswegen bitte ich um Hilfe!

(PS: Jeder kann gerne meinen Code nutzen. :) )

Answer 1

[Babelfish]

Also das Thema ist schon etwas zu komplex, um es „für Dumme“ zu erklären. Ich würde dafür auch kein SVG nutzen, sondern direkt auf einem Canvas zeichnen. Hier findest du ein Beispiel, wo jemand einen Graph mit einem Canvas zeichnet:

http://www.javascripter.net/faq/plotafunctiongraph.htm

Hier wird noch tiefer ins Thema eingestiegen:

https://www.codementor.io/@fennstef/html-canvas-for-your-own-applications-plot-2d-and-3d-functions-yourself-1hyjbo34l5

Mit den Stichwörtern canvas, plot, function findest du auch noch viele anderen Beispiele. Du wirst aber kaum drumherumkommen, dich da einzuarbeiten. Ganz einfach ist das Thema nicht aber wenn du deinen negative Grundstimmung überwindest, klappt das ganz sicher. 😉

Woher ich das weiß: Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Comments

[PhysikInteresse]

Ok. Danke.^^

Dann werd ich mich da wohl weiter einlesen müssen. :')