Dec 2, 2023
A dot product visualizer using the awesome g9.js library.
Drag the ◯ ◯ circles around.
g9 is very impressive. In this simple case I didn't have to add almost any logic for the interaction. You just have to provide an object with the data that is gonna be interactive with the mouse, and a function handler where you will receive the canvas context and a copy of the data provided, but with the values updated. And it magically works!. You can just inspect the source of this web page.
Don't miss the examples in their website.
I planned to make more visualizations like this but ¯\_(ツ)_/¯