Inspiration
Linear Algebra is difficult due to the lack of visualization of determinants and eigenvectors. We created Linear Visuals to allow users to be able to graph matrices, matrix transformations, and matrix projections.
What it does
It shows a graph of all possible vectors on a graph. Then, the users enter a 2x2 transformation matrix. The graph applies the transformation to all the vectors on the graph. The action of the transformation is demonstrated through an animated motion.
How we built it
Linear Visuals, our website, was designed through Figma, and coding through React (a JavaScript framework), HTML, and CSS.
Challenges we ran into
Starting off was difficult due to it being a challenge to create and use our GitHub Repo. Then, we struggled to learn how to use chart.js which was a main component of our website. In addition, our team was learning how to use React (a JavaScript framework). CSS was a struggle because we could not make LinearVisuals the way we initially wanted.
Accomplishments that we're proud of
1) Being able to get and use user input. 2) Creating a graph with points and vectors using charts.js. 3) Incorporating the graph into the web app. 4) Using the user input and applying it to be a transformation in the graph. 5) Animating the vectors in the graph to show the transformation. 6) Turning our Figma UI into React Code.
What we learned
1) To work in an impromptu team for a limited amount of time. 2) How to use chart.js. 3) Turning Figma UI into React Code using a ui.pkg.
What's next for Linear Algebra Transformations Visualizer
Once the website is finalized, we want to potentially license it to textbook manufacturers. Textbook manufacturers would reach our target market of linear algebra college students and allow us to make a profit. Long-term, we want Linear Visuals to have an animation for the transformations not only in 2D but 3D as well for all the vectors on the graph.
Log in or sign up for Devpost to join the conversation.