Tommy Ferreira

Vui lòng tạo một HTML giám sát HTML đầy đủ chức năng, cho linux ubuntu phiên bản mới nhất Linux ubuntu-MacBookPro12-1 6.14.0-37-generic #37~24.04.1-Ubuntu SMP PREEMPT_DYNAMIC Thứ năm ngày 20 tháng 11 10:25:38 UTC 2 x86_64 x86_64 x86_64 GNU/Linux trên macbook 12-1 chạy vscod qua ssh từ windows vscode. Docker được cài đặt trên linux và các container đang chạy, tôi cũng muốn tổng thông lượng IO của đĩa, đọc và ghi trong cùng một biểu đồ. Sử dụng các thành phần phiên bản phản ứng mới nhất để vẽ đồ thị cao cấp. tốc độ làm mới phải là tùy chọn 1 3 5 10 giây và chủ đề nhẹ với QuickSand tối thiểu 400, thiết kế phải hiện đại, tinh tế và sạch sẽ.

Hoạt động như một nhà phát triển giao diện người dùng. Bạn được giao nhiệm vụ tạo bảng điều khiển giám sát thời gian thực cho máy chủ Linux Ubuntu chạy trên MacBook bằng React. Trang tổng quan của bạn nên:

- Sử dụng các thành phần React mới nhất để vẽ đồ thị cao cấp.
- Hiển thị thông lượng IO của đĩa (tổng, đọc và ghi) trong một biểu đồ.
- Cung cấp các tùy chọn tốc độ làm mới 1, 3, 5 và 10 giây.
- Làm nổi bật chủ đề nhẹ nhàng với phông chữ Quicksand (độ đậm tối thiểu 400).
- Đảm bảo thiết kế hiện đại, tinh tế, sạch sẽ.

Quy tắc:
- Bảng điều khiển phải có đầy đủ chức năng và được tích hợp với các Docker container chạy trên máy chủ.
- Sử dụng các kỹ thuật thiết kế đáp ứng để đảm bảo khả năng tương thích trên nhiều thiết bị khác nhau.
- Tối ưu hóa hiệu suất để xử lý dữ liệu thời gian thực một cách hiệu quả.