202 lines
7.8 KiB
HTML
202 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>nvtop — Nexus One AI Portal</title>
|
|
<link rel="stylesheet" href="style.css?v=4">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="topnav">
|
|
<a href="index.html" class="brand">Nexus One <span>AI</span></a>
|
|
<nav>
|
|
<a href="index.html">Home</a>
|
|
<a href="quickstart.html">Quick Start</a>
|
|
<a href="prompts.html">Prompt Library</a>
|
|
<a href="usecases.html">Use Cases</a>
|
|
<span class="nav-sep"></span>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">Help ▾</button>
|
|
<div class="nav-drop-menu">
|
|
<span class="nav-drop-cat">LEARN /</span>
|
|
<a href="quickstart.html">Quick Start</a>
|
|
<a href="models.html">Models</a>
|
|
<span class="nav-drop-cat">SUPPORT /</span>
|
|
<a href="troubleshooting.html">Troubleshoot</a>
|
|
<a href="faq.html">FAQ</a>
|
|
<span class="nav-drop-cat">MORE /</span>
|
|
<a href="glossary.html">Glossary</a>
|
|
<a href="whats-new.html">What's New</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">Admin ▾</button>
|
|
<div class="nav-drop-menu nav-drop-menu-wide">
|
|
<span class="nav-drop-cat">DOCS /</span>
|
|
<a href="security.html">Security & Privacy</a>
|
|
<a href="admin.html">Admin Guide</a>
|
|
<span class="nav-drop-cat">MONITOR /</span>
|
|
<a href="dashboard.html">Dashboard</a>
|
|
<a href="analytics.html">Usage Analytics</a>
|
|
<a href="audit.html">Audit Log</a>
|
|
<a href="feedback.html">Feedback & Ratings</a>
|
|
<span class="nav-drop-cat">MANAGE /</span>
|
|
<a href="users.html">Users</a>
|
|
<a href="teams.html">Teams</a>
|
|
<a href="models-admin.html">Model Manager</a>
|
|
<a href="training.html">Training</a>
|
|
<a href="knowledge.html">Knowledge Base</a>
|
|
<span class="nav-drop-cat">TOOLS /</span>
|
|
<a href="apikeys.html">API Keys</a>
|
|
<a href="benchmark.html">Benchmarking</a>
|
|
<a href="model-compare.html">Model Compare</a>
|
|
<a href="api-playground.html">API Playground</a>
|
|
<a href="guardrails.html">Guardrails</a>
|
|
<a href="rag-quality.html">RAG Quality</a>
|
|
<a href="router.html">Model Router</a>
|
|
<a href="connectors.html">Connectors</a>
|
|
<span class="nav-drop-cat">SYSTEM /</span>
|
|
<a href="console.html">Console</a>
|
|
<a href="settings.html">Settings</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">AI Tools ▾</button>
|
|
<div class="nav-drop-menu">
|
|
<span class="nav-drop-cat">INTELLIGENCE /</span>
|
|
<a href="documents.html">Document Intelligence</a>
|
|
<a href="chat-multi.html">Multimodal Chat</a>
|
|
<a href="prompt-studio.html">Prompt Studio</a>
|
|
<a href="meeting.html">Meeting Assistant</a>
|
|
<span class="nav-drop-cat">AUTOMATION /</span>
|
|
<a href="agents.html">Agent Builder</a>
|
|
<a href="schedules.html">Scheduled Jobs</a>
|
|
<a href="workflows.html">Workflow Automation</a>
|
|
<span class="nav-drop-cat">QUALITY /</span>
|
|
<a href="evals.html">AI Eval Suite</a>
|
|
<a href="chatrooms.html">Chat Rooms</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<a href="notifications.html" style="position:relative">🔔</a>
|
|
<span class="badge" data-brand="tier">Basic Tier</span>
|
|
<div id="nav-org-logo" class="nav-org-logo"></div>
|
|
</header>
|
|
|
|
<div class="tool-hero">
|
|
<div class="tool-icon">📈</div>
|
|
<div class="tool-meta">
|
|
<a href="index.html#tools" class="back-link">← All Tools</a>
|
|
<h1>nvtop</h1>
|
|
<div class="tagline">Live GPU dashboard in the terminal — see what's happening on your GPUs right now at a glance.</div>
|
|
<div class="hero-actions">
|
|
<button class="btn-primary" onclick="copyCmd('nvtop', this)">Copy Command</button>
|
|
<button class="btn-secondary" onclick="copyCmd('watch -n1 nvidia-smi', this)">Copy Quick GPU Stats</button>
|
|
<span class="access-pill">💻 Run via SSH terminal</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function copyCmd(cmd, btn) {
|
|
navigator.clipboard.writeText(cmd).then(() => {
|
|
const orig = btn.textContent;
|
|
btn.textContent = '✓ Copied!';
|
|
btn.style.background = '#059669';
|
|
setTimeout(() => { btn.textContent = orig; btn.style.background = ''; }, 2000);
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<div class="content">
|
|
|
|
<div class="section-title">What is it?</div>
|
|
<div class="info-grid">
|
|
<div class="info-card">
|
|
<h4>In plain terms</h4>
|
|
<p>nvtop is like <code>htop</code> for GPUs. Run it in a terminal and you get a live, colour-coded dashboard showing GPU utilisation, memory usage, temperature, power draw, and the processes currently using each GPU — all updating in real time. It's the fastest way to answer "is the GPU working?" and "what's using memory right now?"</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>What you can see</h4>
|
|
<ul>
|
|
<li>GPU compute utilisation (% busy)</li>
|
|
<li>Video memory used vs. free</li>
|
|
<li>GPU temperature in real time</li>
|
|
<li>Power consumption (watts)</li>
|
|
<li>List of processes using each GPU and their memory</li>
|
|
<li>Scrolling history graphs of utilisation</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">How to run it</div>
|
|
<div class="access-box">
|
|
<h4>SSH into the server, then run:</h4>
|
|
<div class="access-row">
|
|
<span class="label">Launch</span>
|
|
<span class="value">nvtop</span>
|
|
</div>
|
|
<div class="access-row">
|
|
<span class="label">Exit</span>
|
|
<span class="value">Press Q</span>
|
|
</div>
|
|
<div class="access-row">
|
|
<span class="label">Help</span>
|
|
<span class="value">Press F1 while running</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="notice">
|
|
💡 You need SSH access to the server to run nvtop. Ask your administrator to set up an SSH account for you, or have them run it and share the screen.
|
|
</div>
|
|
|
|
<div class="section-title">Reading the dashboard</div>
|
|
<div class="steps">
|
|
<div class="step">
|
|
<div class="step-num">1</div>
|
|
<div>
|
|
<h4>GPU utilisation bar</h4>
|
|
<p>The top bar per GPU shows compute utilisation as a percentage. <strong>Green = in use</strong>. A bar at 0% means the GPU is idle — no model is actively processing a request. A bar above 50% means queries are being processed.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">2</div>
|
|
<div>
|
|
<h4>Memory bar</h4>
|
|
<p>Shows VRAM usage. <strong>A full or mostly full bar is normal</strong> — it means a model is loaded and ready. An empty bar means no model is loaded; an unexpectedly full bar with no model could indicate a stuck process.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">3</div>
|
|
<div>
|
|
<h4>Process list</h4>
|
|
<p>The lower half shows which processes are using each GPU. You'll typically see <code>ollama</code> listed with its memory allocation. If you see an unexpected process using large amounts of VRAM, contact your administrator.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">4</div>
|
|
<div>
|
|
<h4>Temperature</h4>
|
|
<p>Shown per GPU. Under 80°C under load is normal. Over 85°C consistently is worth flagging to your administrator to check cooling and airflow.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">Works with</div>
|
|
<div class="works-with">
|
|
<a href="tool-dcgm.html">📡 DCGM</a>
|
|
<a href="tool-ollama.html">🦙 Ollama</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer>
|
|
<p>Nexus One AI · Powered by Cezen · Basic Tier</p>
|
|
<p>Questions? <a href="mailto:support@cezentech.com">support@cezentech.com</a></p>
|
|
</footer>
|
|
|
|
<script src="auth.js"></script>
|
|
<script src="branding.js"></script>
|
|
</body>
|
|
</html>
|