📘 Memory Management Visualizer – Web Simulator Suite
A complete interactive memory management visualization tool built using HTML, CSS, and JavaScript, designed to help students understand core Operating System concepts through clean UI, animations, and algorithm simulations.
This project includes four major OS memory modules:
Contiguous Memory Allocation (First Fit, Best Fit, Worst Fit)
Paging Simulator (FIFO, LRU, Optimal)
Virtual Memory Simulator (Demand Paging + Address Translation)
Segmentation Simulator (Segment Table + Address Translation)
Each module provides visual outputs, live simulation, metrics, and clear algorithm behavior, making it perfect for learning, teaching, and demonstrations.
🚀 Features ✅ 1. Memory Allocation Visualizer (Contiguous Allocation)
Simulates:
First Fit
Best Fit
Worst Fit
Features:
Memory block visualization
Allocated vs free block indicators
Internal and external fragmentation calculations
Metrics table for comparison
✅ 2. Paging Simulator
Simulates page replacement algorithms:
FIFO
LRU
Optimal
Features:
Frame timeline
Fault/Hit indicators
Hit & Miss ratios
Best-performing algorithm tagging
✅ 3. Virtual Memory Simulator
Simulates:
Demand Paging (FIFO)
Page Table Building
Logical → Physical Address Translation
Features:
Event log for hit/miss/fault
Page table visualization
Frame size-based address translation
✅ 4. Segmentation Visualizer
Simulates:
Segment table creation
Memory layout visualization
Logical → Physical address translation
Features:
Base & limit checks
External fragmentation calculation
Clean UI block display
🛠 Technologies Used Technology Purpose HTML Structure and layout CSS Design, color themes, visuals, gradients JavaScript Core logic for algorithms and dynamic rendering No external libraries Entire project built with pure frontend code 📂 Project Structure /project-root │── index.html (Home Dashboard) │── allocation.html (Contiguous Allocation Simulator) │── paging.html (Paging Simulator) │── segmentation.html (Segmentation Simulator) │── virtual_memory.html (Virtual Memory Simulator) │── /assets (optional) (Images, icons) │── README.md
🧠 How It Works
- User Inputs
The user enters block sizes, process sizes, reference strings, segmentation sizes, or frame counts depending on the module.
- Algorithm Selection
User chooses the desired allocation/replacement method.
- Simulation Engine
JavaScript runs the chosen algorithm and computes:
Block allocation
Page faults
Frame replacement
Address translation
- Visualization
The UI displays:
Memory blocks
Frame tables
Segment layouts
Real-time logs
Metrics tables
🧪 How to Run the Project
You only need a browser—no installation required.
Steps:
Download or clone the repository: https://github.com/Alekhya2007/Dynamic-Memory-Management-Visualizer/edit/main/README.md
Open index.html in any browser.
Navigate to allocation, paging, segmentation, or virtual memory modules via the navbar.
👤 Alekhya Memory Management Visualization Project Built using pure HTML, CSS & JavaScript.