Skip to content

Open unstyled html file #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
BeverlyJaneJ wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Open unstyled html file #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
158 changes: 158 additions & 0 deletions kubernetes-monitoring/unstyled.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,158 @@
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Explore Kubernetes Monitoring</title>
</head>
<body>
<h1>Explore CPU usage</h1>

<h2>Step 1: Navigate to Kubernetes Monitoring</h2>

<p>Grafana provides specialized views for monitoring Kubernetes. Let's start by exploring the Infrastructure section
where you can view your Kubernetes clusters and their resources.</p>

<span id="navigate-to-k8s"
class="interactive"
data-targetaction="sequence"
data-reftarget="navigate-to-k8s"
data-requirements="navmenu-open,has-datasource:prometheus">

highlight|button[aria-label="Expand section: Observability"]|
<ul>
<li class="interactive"
data-reftarget="a[data-testid='data-testid Nav menu item'][href='/observability']"
data-targetaction='highlight'>
Click <strong>Observability</strong> in the left navigation menu.</li>
</ul>
</span>

<h2>Section: Exploring your infrastructure.</h2>

<h3>What you will learn</h3>
<p>Travel through your Kubernetes cluster and search for any Kubernetes object.</p>

<span id="navigate-hierarchy"
class="interactive"
data-targetaction="sequence"
data-reftarget="span#navigate-hierarchy"
data-requirements="navmenu-open,on-page:/a/grafana-k8s-app"
data-objectives="navigated-hierarchy">
<ul>

<li class="interactive"
data-reftarget="div[data-testid*='cluster-count'] a"
data-targetaction='highlight'
data-requirements="exists-reftarget">
<span class="interactive-comment">Click the cluster count.</span>
Click the cluster count on the <strong>Kubernetes Overview</strong> page to open the list of all clusters in your environment.
</li>

<h2>Section: Namespaces and workloads-list</h2>

<h3>What you will learn</h3>
<p>Use tabs on detail pages to view CPU, memory, and network performance for namespaces and workloads.</p>

<span id="analyze-performance"
class='interactive'
data-targetaction='sequence'
data-reftarget="span#analyze-performance"
data-requirements="navmenu-open,on-page:/a/grafana-k8s-app"
data-objectives="viewed-performance-tabs">
<ul>
<li class="interactive"
data-reftarget="a[href*='/namespaces']"
data-targetaction='highlight'
data-requirements="exists-reftarget">
<span class="interactive-comment">Click <strong>Namespaces</strong>.</span>
Click <strong>Namespaces</strong> in the main menu to open the list of all namespaces in your environment.
</li>

<li class="interactive"
data-reftarget="a[data-testid='data-testid Data link']:nth-match(1)"
data-targetaction='highlight'
data-requirements="exists-reftarget">
<span class="interactive-comment">Click any namespace.</span>
Click any namespace name in the list to open its detail page.
</li>

<li class="interactive"
data-reftarget="a[data-testid='data-testid Tab CPU']"
data-targetaction='highlight'
data-requirements="exists-reftarget">
<span class="interactive-comment">Click the <strong>CPU</strong> tab.</span>
Click the <strong>CPU</strong> tab to see detailed CPU analysis.
</li>

<li class="interactive"
data-reftarget="div[data-testid='uplot-main-div']:nth-match(6)"
data-targetaction='highlight'
data-requirements="exists-reftarget">
<span class="interactive-comment">notice the workload usage/req
Click the <strong>CPU</strong> tab to see detailed CPU analysis.
</li>

<li class="interactive"
data-reftarget="div[role='gridcell'][aria-colindex='1'] a[data-testid='data-testid Data link']:nth-match(1)"
data-targetaction='highlight'
data-requirements="exists-reftarget">
<span class="interactive-comment">
Click the first workload in the list

</li>
<li class="interactive"
data-reftarget="section[data-testid='data-testid Panel header Alignment: Pod Usage/Requests (%)']"
data-targetaction='highlight'
data-requirements="exists-reftarget">
<span class="interactive-comment">Notice the workload usage/request panel
Click the <strong>CPU</strong> tab to see detailed CPU analysis.
***************** need to add not to click**********
</li>
</li>
<li class="interactive"
data-reftarget="div[role='gridcell'][aria-colindex='1']:nth-match(1)"
data-targetaction='highlight'
data-requirements="exists-reftarget">
<span class="interactive-comment">click the first pod in the list
Click the <strong>CPU</strong> tab to see detailed CPU analysis
</li>
</li>
<li class="interactive"
data-reftarget="div[data-testid='uplot-main-div']:nth-match(6)"
data-targetaction='highlight'
data-requirements="exists-reftarget">
<span class="interactive-comment">Notice the workload usage/request panel
Click the <strong>CPU</strong> tab to see detailed CPU analysis.
***************** need to add not to click**********
</li>

</ul>
</span>

<h3>What you have learned</h3>
<p>You can now use the CPU, Memory, and Network tabs to view performance in namespaces and workloads.</p>



</ul>
</span>

<h3>What you have learned</h3>
<p>You can view predictions to understand potential future resource usage.</p>

<h2>Done!</h2>
<p>You've learned how to use Grafana Cloud's Kubernetes Monitoring application! You can now:</p>

<ul>
<li>Navigate the Overview page with time range and cluster filtering</li>
<li>Search for and drill down through Kubernetes objects</li>
<li>Analyze performance using specialized CPU, Memory, and Network tabs</li>
<li>Investigate alerts and use troubleshooting tools</li>
<li>Optimize costs using efficiency and savings analysis</li>
<li>Use ML predictions for capacity planning and outlier detection</li>
</ul>

<p>These workflows help you monitor, troubleshoot, and optimize any Kubernetes cluster connected to Grafana Cloud.</p>

</body>
</html>