Skip to content
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.

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

blog: Add blog post about the Map #55

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
---
title: "Making sense of Kubernetes with Headlamp's Map view"
description: "Introducing Map View feature to Headlamp"
image: ./splash.jpg
authors: ["olek"]
---

import mapDemo from "./map-demo.mp4";
import identifyProblems from "./identify-problems.mp4";

In version 0.26, Headlamp introduced a new feature: the Map View. It provides a graphical way to see how components like pods, services, and deployments interact in your Kubernetes cluster. This makes it easier to understand dependencies, troubleshoot issues, and optimize your cluster setup.

<!--truncate-->

## About

<p>
<video controls width="100%">
<source src={mapDemo} type="video/mp4" />
</video>
</p>

Instead of working with tables or YAML files, you can now visually explore the connections between the Kubernetes resources. For example, you can see which pods are linked to which services or how deployments relate to replica sets. This makes it much simpler to understand your cluster’s structure.

When troubleshooting, the Map View is especially useful. If a pod fails, you can find which services or deployments depend on it, helping you identify the cause of the issue.

<p>
<video controls width="100%">
<source src={identifyProblems} type="video/mp4" />
</video>
</p>

## Examples

In addition to the demo videos, here are some screenshots highlighting Map features.

<figure style={{ margin:"0 0 2rem 0" }}>

![Screenshot showing a graph representation of Grafana deployment](./grafana.png)

<figcaption>Prometheus Grafana Deployment</figcaption>

</figure>

<figure style={{ margin: "0 0 2rem 0" }}>

![Screenshot hovering over Pod node showing additional details like container names and IP address](./grafana-glance.png)

<figcaption>Hover over a resource to see more information.</figcaption>

</figure>

<figure style={{ margin: "0 0 2rem 0" }}>

![Screenshot showing a list of different kinds of resource types like Workloads, Storage, Network, Security and Configuration](./picker.png)

<figcaption>Select which resources to display</figcaption>

</figure>

<figure style={{ margin: "0 0 2rem 0" }}>

![Screenshot of a group of nodes outlined by a border with a label namespace: store](./namespace-group.png)

<figcaption>View all resources in a namespace</figcaption>

</figure>

## Conclusion

The Map View offers an intuitive way to explore and manage Kubernetes clusters.
By visually representing components and their interactions, it simplifies troubleshooting and helps optimize your setup. Whether you're experienced or new to Kubernetes, it’s a helpful tool to better understand your cluster.
In the future we're planning on providing APIs for plugins, allowing you to extend the Map View with extra details. If you have ideas or suggestions of what you'd like to see added to the Map [open a feature request on GitHub](https://github.com/headlamp-k8s/headlamp/issues/new/choose) or [message us on Slack](https://kubernetes.slack.com/messages/headlamp).
[Try out Headlamp with Map view now.](/docs/latest/installation/)
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 2 additions & 0 deletions blog/authors.yml
Original file line number Diff line number Diff line change
Expand Up @@ -62,3 +62,5 @@ will-case:
name: Will Case
evangelos:
name: Evangelos Skopelitis
olek:
name: Oleksandr Dubenko