Animated Matrices

A web app to visualize and animate linear transformations using vectors and matrices. Built to aid learning linear algebra — or just to have fun with satisfying matrix animations.

View Demo (May Be Slow) · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
3. Usage
4. Contributing
5. License
6. Contact
7. Acknowledgments

About The Project

This app starts with just the standard unit vectors î and ĵ, and lets you interactively:

• Add your own vectors
• Edit or delete any existing vector
• Add and name matrices (names are just labels for now, no validation)
• Undo and redo matrix operations
• Apply the inverse of any previously used matrix
• Repeat a matrix transformation

(back to top)

Built With

• Python 3.13
• Dash 3.4.0
• Plotly 6.7.0
• NumPy 2.4.6
• Dash Bootstrap Components 2.0.4
• Dash Latex 0.1.1

(back to top)

Getting Started

To get a local copy up and running, follow these simple steps.

git clone https://github.com/CupapiOT/animated-matrices.git
cd animated-matrices
pip install -r requirements.txt
python3 code/main.py

Then, open your browser to http://localhost:8050.

(back to top)

Usage

Showcases

Applying vectors, matrices, and inverses

Undoing and redoing matrices, and non-invertible matrices

Example use cases

• Teaching or learning 2D linear algebra,
• Visualizing the effect of sequences of matrices as linear transformation
• Creating simple, beautiful vector animations

(back to top)

Roadmap

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Any contributions you make are greatly appreciated!

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue. Don't forget to give the project a star! Thank you!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Top contributors

License

Distributed under the GNU General Public License v3.0. See LICENSE for more information.

(back to top)

Contact

Marvel Orleans — hellomarvelorleans@gmail.com

Project Link: https://github.com/CupapiOT/animated-matrices

(back to top)

Acknowledgments

• Inspired by 3 Blue 1 Brown

Resources

• Undo Icon used from undo by Google Inc. on IconScout.
• Best README Template

(back to top)