TEXT

Linux monitoring single html

Contributed by mgt.f3r@gmail.com

Improved by Laravel Company · 2026-09-07

Improved prompt:

Please design and implement a comprehensive monitoring dashboard for a Linux Ubuntu system (version 24.04.1 LTS) running on a MacBook Pro 12-1, accessed via SSH using Visual Studio Code on a Windows machine. The monitoring dashboard should display real-time performance metrics and utilize the latest React components for premium graphing.

Specific requirements are as follows:

  1. System Information: Include a section displaying the Linux kernel version, system uptime, CPU load, and available memory.

  2. Docker Containers: Show a list of all active Docker containers along with their container name, image, status, and CPU/memory usage. If no containers are running, display a message indicating this.

  3. Disk I/O Monitoring: Create a single graph that displays the total, read, and write throughput of the primary storage device in real-time. Use a time interval of 1 second as the default refresh rate. Provide options to refresh the graph at intervals of 3, 5, and 10 seconds using a dropdown selector.

  4. Graphing Style: Utilize the latest React components for interactive, responsive, and high-performance graphing. The graph should have a clean, modern, and sophisticated design that is easy to read.

  5. Design and Layout: The overall design of the dashboard should be minimalistic, with a focus on readability and a light theme. Use the Quicksand font with a minimum size of 400 for the primary text. Ensure the layout is clean and uncluttered, with proper spacing between elements.

Please provide the complete HTML code for the dashboard, including any necessary CSS styles and JavaScript logic, along with a summary of the key technologies and libraries used. The code should be well-commented and follow best coding practices for HTML, CSS, and JavaScript.

Original prompt (before our improvements)

Please create a single fully functional HTML monitoring HTML, for a linux ubuntu latest edition Linux ubuntu-MacBookPro12-1 6.14.0-37-generic #37~24.04.1-Ubuntu SMP PREEMPT_DYNAMIC Thu Nov 20 10:25:38 UTC 2 x86_64 x86_64 x86_64 GNU/Linux on a macbook 12-1 running vscod via ssh from windows vscode. Docker is installed on linux and containers running, I also want the disk IO throughputs of total, read and write in same graph. Use the latest react version components for premium graphing. refreshrates must be 1 3 5 10 secs option, and light theme with Quicksand 400 minum, the design must be modern sopisticated and clean.