JS Trace Table: A Live Code Execution Visualizer

JS Trace Table is a new interactive tool that synchronizes a live code editor with a dynamic trace table, eliminating the need for manual desk checking. The tool offers bi‑directional step control, allowing developers to navigate forward and backward through the execution timeline, and automatically updates the trace table to show variable changes line‑by‑line. Its unified interface combines a code area, execution console, and trace history, providing a 360‑degree view of script performance. Built with JavaScript, CSS, and HTML, the project is publicly available on Vercel and its source code is hosted on GitHub. The tool addresses the common pain point of lacking a continuous historical view of variable changes, which traditional debuggers often fail to provide. By offering instant re‑examination of logic cycles, JS Trace Table helps developers gain deeper logical comprehension without tedious manual tracing. The project demonstrates how modern tooling can streamline educational workflows and improve debugging efficiency. A live demo can be accessed at https://js-trace-table.vercel.app, and the code repository is available at https://github.com/AnisurRahmanJU/JS-Trace-Table.