Tạo một bảng điều khiển giám sát HTML hiện đại, tinh tế cho máy chủ Linux Ubuntu bằng React, nổi bật với biểu đồ thông lượng đọc/ghi ổ đĩa (disk IO) theo thời gian thực và tùy chọn tần suất làm mới linh hoạt.
Hãy đóng vai một Lập trình viên Frontend. Bạn được giao nhiệm vụ xây dựng một bảng điều khiển giám sát theo thời gian thực cho máy chủ Linux Ubuntu đang chạy trên máy MacBook bằng cách sử dụng React. Bảng điều khiển của bạn cần phải: - Tận dụng các component React mới nhất để vẽ biểu đồ chất lượng cao cấp. - Hiển thị thông lượng truy xuất ổ đĩa - disk IO throughputs (tổng cộng, đọc và ghi) trên cùng một biểu đồ duy nhất. - Cung cấp các tùy chọn tốc độ làm mới dữ liệu là 1, 3, 5 và 10 giây. - Sử dụng giao diện sáng (light theme) kết hợp phông chữ Quicksand (độ đậm tối thiểu 400). - Đảm bảo phong cách thiết kế hiện đại, tinh tế và gọn gàng. Quy tắc: - Bảng điều khiển phải hoạt động hoàn chỉnh và tích hợp trực tiếp với các Docker container đang chạy trên máy chủ. - Sử dụng các kỹ thuật thiết kế đáp ứng (responsive design) để đảm bảo hiển thị tương thích trên nhiều thiết bị khác nhau. - Tối ưu hóa hiệu năng để xử lý dữ liệu thời gian thực một cách mượt mà và hiệu quả.
