An interactive web-based Automata Lab that allows users to design, visualize, and simulate computational models like NFA, DFA, and more.
Link:- https://automata-lab.netlify.app/
Automata Visualizer is a modern web application built to simplify the understanding of Theory of Automata and Formal Languages (TAFL).
It provides a visual and interactive environment where users can:
- Construct automata
- Convert between models (NFA → DFA)
- Visualize transitions
- Simulate string processing
The goal is to transform traditional theoretical learning into an interactive lab experience.
- NFA Creation and Visualization
- DFA Creation and Simulation
- NFA → DFA Conversion
- Step-by-step string evaluation
- Graph-based visualization of states and transitions
- Modern UI design
- Smooth animations
- Interactive graph rendering
- Light/Dark mode (future scope)
Traditional automata learning is:
- Theoretical
- Hard to visualize
- Not interactive
This project solves that by creating a virtual Automata Lab, helping students:
- Understand concepts visually
- Experiment with automata
- Learn faster and intuitively
- Frontend: HTML, CSS, JavaScript
- Visualization: Graph-based rendering (e.g., Cytoscape.js or custom logic)
- Core Logic: Automata algorithms (NFA, DFA, conversions)
-
Clone the repository: git clone https://github.com/Zephyrex21/Automata-Visualizer.git
-
Navigate to the project: cd Automata-Visualizer
-
Open in browser: Open index.html
- Regex → NFA Conversion
- Pushdown Automata (PDA)
- Turing Machine Simulator
- Pre-built examples for demo
- Export / Save automata
This project is designed for TAFL Lab to demonstrate:
- Finite Automata
- State transitions
- Computational models
This project is open-source and available under the MIT License.
Saurabh Raj Shekhar (Zephyrex) 🚀 Passionate about building interactive learning tools
If you like this project, consider giving it a star ⭐ on GitHub!