Learn 2D Vectors with JavaScript

We study 2D vectors by implementing an interactive tool in JavaScript. We learn about the cartesian representation and the polar representation. And vector operations like addition, subtraction, scaling, normalization and how to calculate the dot product. We use what we learn about vectors to draw vectors (an arrow) and visualize the different operations in an interactive way. We practice these functions using JavaScript in a way that hopefully makes them more clear and useful. Check out more videos like this: Trigonometry    • Learn Trigonometry with JavaScript   Pythagorean Theorem    • Pythagorean Theorem: Proof, Applications a...   Interpolation (Lerp)    • Linear Interpolation (Lerp) - Math and Jav...   Segment intersection    • Segment intersection formula explained   Arctangent documentation https://developer.mozilla.org/en-US/d... https://developer.mozilla.org/en-US/d... ⭐GITHUB⭐ https://github.com/gniziemazity/2d-ve... ⭐SECTIONS⭐ 00:00 Intro 00:58 Drawing Shapes 08:02 Magnitude 09:18 Interactivity 11:45 Direction 13:43 Polar Coordinates 17:27 Drawing Arrows 22:00 Vector Addition 30:55 Vector Subtraction 32:58 Vector Scaling and Normalization 38:02 Vector Dot Product