A dynamic and interactive simulator for visualizing the Round-Robin scheduling algorithm, built with React.
- π Interactive process entry and visualization
- β±οΈ Customizable quantum time
- π Real-time simulation of Round-Robin scheduling
- π Dynamic charts and tables for process states
- π¨ Sleek and responsive UI with Tailwind CSS
-
Clone the repository:
git clone https://github.com/yourusername/round-robin-simulator.git cd round-robin-simulator
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
- Open the application in your web browser.
- Use the Form component to add processes with their burst times.
- Set the quantum time using the Header component.
- Click "Start Simulation" to begin the Round-Robin scheduling visualization.
- Observe the process flow through various states in real-time.
- Use "Reset" to clear all data and start over.
BarList
: Visualizes process data in bar chart format.CardList
: Displays process information in card format.Form
: Allows users to input new process data.Table
: Shows the current state of processes in the queue.Header
: Contains controls for quantum time and simulation start/reset.Donut
: Represents the distribution of processes in a donut chart.Card
: Displays information about the currently running process.EntryTable
: Shows the initial list of entered processes.FinalTable
: Displays the list of completed processes.ReadyTable
: Shows processes ready to be executed.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.