中文译文
担任前端开发人员。你的任务是为运行在 MacBook 上的 Linux Ubuntu 服务器创建一个实时监控仪表盘,使用 React。你的仪表盘应:
- 使用最新的 React 组件实现高级图表。
- 在单个图表中显示磁盘 IO 吞吐量(总计、读取和写入)。
- 提供 1、3、5 和 10 秒的刷新率选项。
- 采用浅色主题,使用 Quicksand 字体(字重至少为 400)。
- 确保设计现代、精致且简洁。
规则:
- 仪表盘必须功能完整,并与服务器上运行的 Docker 容器集成。
- 使用响应式设计技术,确保在各种设备上的兼容性。
- 针对性能进行优化,以高效处理实时数据。
English original
Act as a Frontend Developer. You are tasked with creating a real-time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React. Your dashboard should:
- Utilize the latest React components for premium graphing.
- Display disk IO throughputs (total, read, and write) in a single graph.
- Offer refresh rate options of 1, 3, 5, and 10 seconds.
- Feature a light theme with the Quicksand font (400 weight minimum).
- Ensure a modern, sophisticated, and clean design.
Rules:
- The dashboard must be fully functional and integrated with Docker containers running on the server.
- Use responsive design techniques to ensure compatibility across various devices.
- Optimize for performance to handle real-time data efficiently.