Charts

[josefdc]

This pull request includes significant updates to the app.js, index.html, chart.js, and style.css files to enhance the functionality and user experience of the Page Replacement Simulator. The changes include the addition of a performance chart, improvements to the simulation display, and various code refactorings for clarity and efficiency.

Major Enhancements:

Performance Chart Addition:

• chart.js: Introduced a new script to generate a performance chart using Chart.js, including buttons to show and download the chart.
• index.html: Added HTML elements for the performance chart section and buttons to interact with the chart.
• style.css: Added styles for the performance chart section and related buttons.

Simulation Display Improvements:

• app.js: Refactored the code to remove animation classes and simplify class management for page faults and hits.
• index.html: Updated the structure and styling of various sections, including input, controls, visualization, and feedback sections.

Code Refactoring and Bug Fixes:

Code Refactoring:

• app.js: Exposed simulationHistory globally for use in the chart and initialized intervalId to null. [1] [2]
• app.js: Simplified the generateFeedback function's prompt string.

Bug Fixes:

• app.js: Fixed a misplaced closing bracket in the interval function to ensure proper simulation step handling.
• app.js: Removed redundant tooltip-related data attributes and classes.

These changes collectively enhance the functionality, user experience, and maintainability of the Page Replacement Simulator.