Task: Implement Web-Based Visualization UI

[kimit0310]

Description

Create the browser-based real-time visualization interface. Build the HTML, CSS, and JavaScript front end that connects to the WebSocket, renders data on a canvas, and provides user controls for channels.

Tasks

• Create an index.html file with the page structure (toolbar, sidebar, canvas).
• Implement the WebSocket client, including data parsing and auto-reconnect logic.
• Develop a canvas renderer for scrolling line plots.
• Build sidebar controls for channel visibility that persist using localStorage.
• Create a colors.js module for assigning colors to channels based on patterns.

Freeform Notes

No response