---
title: "How to visualize workflows and business processes in Grafana: Introducing the Graphviz panel"
url: https://daily.dev/posts/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel-h70qrfs37
source_url: https://grafana.com/blog/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel
type: article
source: "Grafana Labs"
published: 2026-08-24T12:15:05.807Z
updated: 2026-08-24T12:15:32.599Z
tags: ["observability", "data-visualization", "grafana"]
reading_time: 14
upvotes: 1
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# How to visualize workflows and business processes in Grafana: Introducing the Graphviz panel

**[Grafana Labs](https://daily.dev/sources/grafana)** · 14 min read · 1 upvotes · 0 comments

## Summary

Grafana Labs introduces the Graphviz panel, currently in private preview for all Grafana editions, which lets users describe workflow and network diagrams using the DOT graph-description language instead of manually placing boxes and arrows. The panel binds live Grafana data to diagram nodes and edges, enabling use cases like payment pipelines, service maps, network weathermaps, on-call runbook decision trees, and CI/CD pipeline visualizations that recolor and relabel themselves as underlying metrics change. It supports builder mode, code mode, and a data-driven query mode where DOT strings are generated from query results, plus integration with Grafana Assistant to generate DOT from natural language. Installing the plugin requires Grafana 12.3 or later.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://grafana.com/blog/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel>

## Questions this post answers

### What is the Graphviz panel in Grafana and what does it require to install?

The Graphviz panel is a new Grafana panel type, currently in private preview across all editions, that renders diagrams described in the DOT graph language and binds them to live Grafana data. It replaces manual diagram placement (as required in the canvas panel) or the unmaintained Angular-based FlowCharting plugin. Installing it requires Grafana version 12.3 or later, available through the Grafana plugin catalog.

_Developers tracking new Grafana panel releases can follow rollout details on daily.dev._

### What DOT layout engines does the Grafana Graphviz panel support?

Four layout engines are supported: dot for hierarchical top-down or left-right flows, neato and fdp for organically arranged interconnected networks, and circo for circular or radial relationships. Each suits different diagram types, for example dot for payment pipelines and runbooks, and neato for network weathermaps where geographic layout matters.

_Teams choosing a diagramming approach for dashboards can compare layout options like this on daily.dev._

### How can I bind live metrics to a diagram in Grafana instead of hardcoding values?

The Graphviz panel offers several data-binding mechanisms: color by threshold to map a node's fill to a metric like CPU or success rate, label templates using ${field} syntax for live values, edge width scaled to throughput via penwidth, rich tooltips and data links for drill-down, and dashboard variables like ${service} to parameterize an entire diagram across teams.

_Engineers building live, data-driven dashboards can dig into approaches like this on daily.dev._

## Similar posts on daily.dev

- [Grafana 12.4 release: faster and easier data visualization, observability as code updates, and more](https://daily.dev/posts/grafana-12-4-release-faster-and-easier-data-visualization-observability-as-code-updates-and-more-fmey7yibd) · Grafana Labs · 1 upvotes · 0 comments

---

Tags: [#observability](https://daily.dev/tags/observability), [#data-visualization](https://daily.dev/tags/data-visualization), [#grafana](https://daily.dev/tags/grafana)

[View this post on daily.dev](https://daily.dev/posts/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel-h70qrfs37)