<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel-h70qrfs37" -->

---
title: How to visualize workflows and business processes in...
description: Grafana Labs introduces the Graphviz panel, currently in private preview for all Grafana editions, which lets users describe workflow and network diagrams...
canonical: https://daily.dev/posts/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel-h70qrfs37
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: How to visualize workflows and business processes in Grafana: Introducing the Graphviz panel | daily.dev
og:description: Grafana Labs introduces the Graphviz panel, currently in private preview for all Grafana editions, which lets users describe workflow and network diagrams...
og:url: https://daily.dev/posts/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel-h70qrfs37
og:image: https://api.daily.dev/og/posts/h70qRfS37.png
og:image:alt: How to visualize workflows and business processes in Grafana: Introducing the Graphviz panel
og:image:width: 1200
og:image:height: 630
og:locale: 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 · 2 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 new Graphviz panel in Grafana and what does it require?

The Graphviz panel is a new Grafana visualization, currently in private preview across all editions, that renders diagrams like payment flows, service maps, network weathermaps, and runbooks using the DOT graph-description language. It requires Grafana 12.3 or above and is installed from the Grafana plugin catalog. Live query data can drive node colors, edge widths, and labels so diagrams update automatically.

_daily.dev surfaces releases like this for teams evaluating new ways to visualize live infrastructure and business data._

### Why was the old FlowCharting plugin for Grafana deprecated?

The Angular-based FlowCharting plugin is no longer maintained because Angular support ended with Grafana 12, leaving it without a supported path forward. It also lacked an automatic layout engine, requiring manual placement of every diagram element. The new Graphviz panel replaces it by using DOT to auto-generate diagram layouts instead of manual drawing.

_developers tracking Grafana plugin deprecations can follow ecosystem shifts like this one on daily.dev._

### What layout engines does DOT support for diagrams in Grafana's Graphviz panel?

DOT provides four layout engines: 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, such as dot for payment pipelines and runbooks, and neato for network weathermaps or service maps with messy dependency webs.

_engineers choosing the right layout approach for dashboards can keep up with tooling details via 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
- [Grafana 13.2 release: easier ways to query and explore your data](https://daily.dev/posts/grafana-13-2-release-easier-ways-to-query-and-explore-your-data-iaxodorxl) · Grafana Labs · 19 upvotes · 0 comments
- [Grafana offers AI assistant for free, warns users not to go mad](https://daily.dev/posts/grafana-offers-ai-assistant-for-free-warns-users-not-to-go-mad-stwrwmzko) · DEVCLASS · 0 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)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"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","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel-h70qrfs37"},"datePublished":"2026-08-24T12:15:05.807Z","dateModified":"2026-09-14T09:21:43.967Z","description":"Grafana Labs introduces the Graphviz panel, currently in private preview for all Grafana editions, which lets users describe workflow and network diagrams...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f2d1065229ee5afe7b3f913e264c6081?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f2d1065229ee5afe7b3f913e264c6081?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Grafana Labs","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Grafana Labs","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/769cb8df467e4c428abd75e0c2491d1d","url":"https://daily.dev/sources/grafana"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel-h70qrfs37","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"observability,data-visualization,grafana","timeRequired":"PT14M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Grafana Labs","item":"https://daily.dev/sources/grafana"},{"@type":"ListItem","position":3,"name":"How to visualize workflows and business processes in Grafana: Introducing the Graphviz panel"}]}
{"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/how-to-visualize-workflows-and-business-processes-in-grafana-introducing-the-graphviz-panel-h70qrfs37#faq","mainEntity":[{"@type":"Question","name":"What is the new Graphviz panel in Grafana and what does it require?","acceptedAnswer":{"@type":"Answer","text":"The Graphviz panel is a new Grafana visualization, currently in private preview across all editions, that renders diagrams like payment flows, service maps, network weathermaps, and runbooks using the DOT graph-description language. It requires Grafana 12.3 or above and is installed from the Grafana plugin catalog. Live query data can drive node colors, edge widths, and labels so diagrams update automatically. daily.dev surfaces releases like this for teams evaluating new ways to visualize live infrastructure and business data."}},{"@type":"Question","name":"Why was the old FlowCharting plugin for Grafana deprecated?","acceptedAnswer":{"@type":"Answer","text":"The Angular-based FlowCharting plugin is no longer maintained because Angular support ended with Grafana 12, leaving it without a supported path forward. It also lacked an automatic layout engine, requiring manual placement of every diagram element. The new Graphviz panel replaces it by using DOT to auto-generate diagram layouts instead of manual drawing. developers tracking Grafana plugin deprecations can follow ecosystem shifts like this one on daily.dev."}},{"@type":"Question","name":"What layout engines does DOT support for diagrams in Grafana's Graphviz panel?","acceptedAnswer":{"@type":"Answer","text":"DOT provides four layout engines: 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, such as dot for payment pipelines and runbooks, and neato for network weathermaps or service maps with messy dependency webs. engineers choosing the right layout approach for dashboards can keep up with tooling details via daily.dev."}}]}
```

