리눅스 서버 및 도커 상태를 실시간 모니터링하는 단일 HTML 웹 대시보드를 빠르게 제작할 때 유용합니다.
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.
최신 우분투 리눅스 에디션(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, Windows VSCode에서 SSH를 통해 접속 중인 macbook 12-1 환경)을 위한 완벽하게 작동하는 단일 HTML 모니터링 페이지를 생성해 주세요. 리눅스에는 도커가 설치되어 있고 컨테이너들이 실행 중이며, 전체/읽기/쓰기 디스크 IO 처리량을 하나의 그래프에 표시하고 싶습니다. 고급 그래프 출력을 위해 최신 React 버전 컴포넌트를 사용하세요. 새로고침 간격은 1초, 3초, 5초, 10초 옵션이 있어야 하며, Quicksand 400 폰트 기반의 라이트 테마와 세련되고 깔끔하며 현대적인 디자인이어야 합니다.
출처 · prompts.chat · Linux monitoring single html — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
Linux 우분투 시스템의 자원 현황과 Docker 컨테이너, 디스크 I/O(전체·읽기·쓰기) 실시간 스트리밍 그래프를 제공하는 React 기반 프리미엄 모니터링 대시보드입니다. 1초·3초·5초·10초 실시간 주기 변경과 컨테이너 제어, 로그 스트림 모드 등 완전하게 작동하는 모던 라이트 테마 UI를 구현했습니다.
Please create a single fully functional HTML monitoring HTML, for a linux ubuntu latest edition Linux TPI-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.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Please create a single fully functional HTML monitoring HTML, for a linux ubuntu latest edition Linux TPI-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.
Linux 우분투 시스템의 자원 현황과 Docker 컨테이너, 디스크 I/O(전체·읽기·쓰기) 실시간 스트리밍 그래프를 제공하는 React 기반 프리미엄 모니터링 대시보드입니다. 1초·3초·5초·10초 실시간 주기 변경과 컨테이너 제어, 로그 스트림 모드 등 완전하게 작동하는 모던 라이트 테마 UI를 구현했습니다.
원문과 같은 언어로 보완한 프롬프트입니다. 점수는 명확성 · 구체성 · 출력 형식 · 재사용성 기준의 AI 평가입니다.
Act as a Senior Frontend Developer. Create a single, standalone, fully functional HTML monitoring dashboard for an Ubuntu 24.04 Linux system running Docker containers. ### Requirements: 1. **Architecture**: Standalone `.html` file using React (via CDN) and a modern charting library (e.g., Chart.js/Recharts via Babel CDN). 2. **Metrics**: A single combined line graph displaying total, read, and write Disk I/O throughputs, alongside a Docker container status monitor. 3. **Controls**: Dropdown/selector for auto-refresh intervals (1s, 3s, 5s, 10s) updating telemetry data dynamically. 4. **Design**: Modern, clean, sophisticated light theme using Google Font 'Quicksand' (weight 400+). ### Output Format: Provide complete, self-contained HTML code ready to open directly in a browser.