Also, because I *love* graphviz dot, I made a cutscene .dot exporter (that little dot button in the gui) to visualize what's going on. This is the script for the cutscene #gamedev #indiedev #godotengine
September 29, 2026 at 6:46 PM
Also, because I *love* graphviz dot, I made a cutscene .dot exporter (that little dot button in the gui) to visualize what's going on. This is the script for the cutscene #gamedev #indiedev #godotengine
I'm honestly kind of surprised that there isn't a "better version of graphviz but in rust", since dot graphs are such a compiler brained tool. I've created my own graphviz spaghetti files too, tbh.
Hoping someone corrects me, would love to have a nice crate, or better layout/readability of edges.
Hoping someone corrects me, would love to have a nice crate, or better layout/readability of edges.
May 23, 2026 at 9:27 AM
I'm honestly kind of surprised that there isn't a "better version of graphviz but in rust", since dot graphs are such a compiler brained tool. I've created my own graphviz spaghetti files too, tbh.
Hoping someone corrects me, would love to have a nice crate, or better layout/readability of edges.
Hoping someone corrects me, would love to have a nice crate, or better layout/readability of edges.
#Graphvizを使おう 1
Windowsの場合
Graphvizをインストールし
binフォルダにPATHを通したら，
下記のようなバッチファイルを
作っておくと便利.
call_dot.bat
@echo off
dot -Tpng -o %~d1%~p1%~n1.png %1
pause
.dotファイルを
ドラッグドロップすると
グラフ画像を作ってくれる.
Windowsの場合
Graphvizをインストールし
binフォルダにPATHを通したら，
下記のようなバッチファイルを
作っておくと便利.
call_dot.bat
@echo off
dot -Tpng -o %~d1%~p1%~n1.png %1
pause
.dotファイルを
ドラッグドロップすると
グラフ画像を作ってくれる.
October 1, 2026 at 11:08 AM
#Graphvizを使おう 1
Windowsの場合
Graphvizをインストールし
binフォルダにPATHを通したら，
下記のようなバッチファイルを
作っておくと便利.
call_dot.bat
@echo off
dot -Tpng -o %~d1%~p1%~n1.png %1
pause
.dotファイルを
ドラッグドロップすると
グラフ画像を作ってくれる.
Windowsの場合
Graphvizをインストールし
binフォルダにPATHを通したら，
下記のようなバッチファイルを
作っておくと便利.
call_dot.bat
@echo off
dot -Tpng -o %~d1%~p1%~n1.png %1
pause
.dotファイルを
ドラッグドロップすると
グラフ画像を作ってくれる.
I really enjoy being able to spin up custom visualization tools as part of writing up a short blog post like this, here's my new Graphviz URL-based DOT renderer, built as a Claude artifact in a couple of minutes tools.simonwillison.net/dot#digraph%... - transcript: claude.ai/share/2b78a9...
October 10, 2025 at 11:40 PM
I really enjoy being able to spin up custom visualization tools as part of writing up a short blog post like this, here's my new Graphviz URL-based DOT renderer, built as a Claude artifact in a couple of minutes tools.simonwillison.net/dot#digraph%... - transcript: claude.ai/share/2b78a9...
Today I needed to update an ASCII statemachine diagram. After failing to do so manually, I had a search, and found this wonderful GraphViz -> ASCII tool which was exactly what I needed! dot-to-ascii.ggerganov.com
January 25, 2025 at 10:48 AM
Today I needed to update an ASCII statemachine diagram. After failing to do so manually, I had a search, and found this wonderful GraphViz -> ASCII tool which was exactly what I needed! dot-to-ascii.ggerganov.com
#Graphvizを使おう 2
前ツイのWindowsバッチより
dot -Tpng -o %~d1%~p1%~n1.png %1
の意味を解説.
まず，dotコマンドの
コマンドオプション:
-Tの後ろに出力画像形式.
-oの後ろに出力画像ファイル.
その後ろに入力dotファイル.
例:
dot -Tpng -o hoge.png hoge.dot
前ツイのWindowsバッチより
dot -Tpng -o %~d1%~p1%~n1.png %1
の意味を解説.
まず，dotコマンドの
コマンドオプション:
-Tの後ろに出力画像形式.
-oの後ろに出力画像ファイル.
その後ろに入力dotファイル.
例:
dot -Tpng -o hoge.png hoge.dot
October 2, 2026 at 6:39 PM
#Graphvizを使おう 2
前ツイのWindowsバッチより
dot -Tpng -o %~d1%~p1%~n1.png %1
の意味を解説.
まず，dotコマンドの
コマンドオプション:
-Tの後ろに出力画像形式.
-oの後ろに出力画像ファイル.
その後ろに入力dotファイル.
例:
dot -Tpng -o hoge.png hoge.dot
前ツイのWindowsバッチより
dot -Tpng -o %~d1%~p1%~n1.png %1
の意味を解説.
まず，dotコマンドの
コマンドオプション:
-Tの後ろに出力画像形式.
-oの後ろに出力画像ファイル.
その後ろに入力dotファイル.
例:
dot -Tpng -o hoge.png hoge.dot
[2024 Sep 13] inventory system is getting there
[2024 Sep 14] integrating a sugiyama layouter (like graphviz' dot) to show the post-processing pipeline
[2024 Sep 14] integrating a sugiyama layouter (like graphviz' dot) to show the post-processing pipeline
November 10, 2024 at 1:47 PM
[2024 Sep 13] inventory system is getting there
[2024 Sep 14] integrating a sugiyama layouter (like graphviz' dot) to show the post-processing pipeline
[2024 Sep 14] integrating a sugiyama layouter (like graphviz' dot) to show the post-processing pipeline
I just threw it all in github.com/magjac/d3-gr... which is a D3 plugin that lets you take a lot of individual graphviz digraph's and animate them.
GitHub - magjac/d3-graphviz: Graphviz DOT rendering and animated transitions using D3
Graphviz DOT rendering and animated transitions using D3 - magjac/d3-graphviz
github.com
August 15, 2025 at 3:30 PM
I just threw it all in github.com/magjac/d3-gr... which is a D3 plugin that lets you take a lot of individual graphviz digraph's and animate them.
Wrote more about why I find these so interesting on my blog, including a note about how Jesse is using Graphviz DOT graphs as a prompting language! simonwillison.net/2025/Oct/10/...
Superpowers: How I’m using coding agents in October 2025
A follow-up to Jesse Vincent's post about September, but this is a really significant piece in its own right. Jesse is one of the most creative users of coding agents …
simonwillison.net
October 10, 2025 at 11:35 PM
Wrote more about why I find these so interesting on my blog, including a note about how Jesse is using Graphviz DOT graphs as a prompting language! simonwillison.net/2025/Oct/10/...
yes. which output dot, graphviz rendering to svg, then some xslt to clean that up. then i generate css and combine those, and render to pdf. and then pdf to png and crop + fill to get the aspect ratio
May 27, 2025 at 6:18 PM
yes. which output dot, graphviz rendering to svg, then some xslt to clean that up. then i generate css and combine those, and render to pdf. and then pdf to png and crop + fill to get the aspect ratio
This is naively taking the output of the `--unit-graph` flag, making a `petgraph` graph out of it, generating a `.dot` file with Petgraph's `Dot` API, and then generating an SVG using Graphviz with SFPD (Scalable Force-Directed Placement) layout.
This is... not the right layout.
This is... not the right layout.
May 22, 2026 at 3:10 PM
This is naively taking the output of the `--unit-graph` flag, making a `petgraph` graph out of it, generating a `.dot` file with Petgraph's `Dot` API, and then generating an SVG using Graphviz with SFPD (Scalable Force-Directed Placement) layout.
This is... not the right layout.
This is... not the right layout.
Friday night programming, enabling github.com/maxgio92/yet... to generate CPU profile DAGs and DOT graphs from that to be rendered by graphviz tools
January 18, 2025 at 5:42 PM
Friday night programming, enabling github.com/maxgio92/yet... to generate CPU profile DAGs and DOT graphs from that to be rendered by graphviz tools
![— In UML create a comment note.
— In UML diagrams, a **comment** (or “note”) is shown as a rectangle with a dog-eared corner.
Graphviz can mimic this by using `shape=note`.
Example in DOT:
```dot
digraph UML_Comment {
rankdir=LR;
node [fontname="Arial", fontsize=12];
// Regular UML component
A [label="«component»\nOrder Service", shape=component];
// UML comment
Cmt [label="Processes orders\nand handles payments", shape=note, style=filled, fillcolor="#ffffcc"];
// Dashed association from comment to element
Cmt -> A [style=dashed, arrowhead=none];
}
```
**Key points:**
* `shape=note` → dog-eared corner rectangle.
* `fillcolor` → makes the note background match UML style (light yellow is common).
* `style=dashed, arrowhead=none` → matches UML’s “annotates” relationship from a comment to a model element.
---
If you want, I can insert UML comment nodes into your **O1/O2 Graphviz diagram** to annotate entire clusters or specific tasks, so they look like sticky notes connected to the relevant part. Would you like me to do that?](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:34na47mry5rtwq3l7xm6w3hc/bafkreiaifxbhfdl5pkwcpva4ao6dt4yc5xaqnbt4b7jiesm3jme7p75oma)
📫New on the blog: blog.martincowen.me.uk/using-finite...
Second of 4 posts on the firmware for my PCB, covering designing FSMs, using DOT language, Graphviz and visualisers to autogenerate C code with a python script. Links to expert calcs on real-time scheduling.
#STM32 #firmware
Second of 4 posts on the firmware for my PCB, covering designing FSMs, using DOT language, Graphviz and visualisers to autogenerate C code with a python script. Links to expert calcs on real-time scheduling.
#STM32 #firmware
October 22, 2025 at 11:32 AM
📫New on the blog: blog.martincowen.me.uk/using-finite...
Second of 4 posts on the firmware for my PCB, covering designing FSMs, using DOT language, Graphviz and visualisers to autogenerate C code with a python script. Links to expert calcs on real-time scheduling.
#STM32 #firmware
Second of 4 posts on the firmware for my PCB, covering designing FSMs, using DOT language, Graphviz and visualisers to autogenerate C code with a python script. Links to expert calcs on real-time scheduling.
#STM32 #firmware
This is another admirable Quarto contribution by @emilhvitfeldt.bsky.social And, the results are generally lovely! (BUT NOT THOSE PIES!)
But, in terms of ease of expression for such diagrams, doing these as nested divs leaves me cold, compared dot, graphviz, even the unlovely mermaid.
But, in terms of ease of expression for such diagrams, doing these as nested divs leaves me cold, compared dot, graphviz, even the unlovely mermaid.
Back with (yet another) quarto extension! Adding ways to create diagrams of different kinds and shapes using a unified syntax and styling
Now providing the following types of diagrams pie, process, pyramid, matrix, hierarchy, venn, and more.
emilhvitfeldt.com/post/quarto-...
#quarto #slidecrafting
Now providing the following types of diagrams pie, process, pyramid, matrix, hierarchy, venn, and more.
emilhvitfeldt.com/post/quarto-...
#quarto #slidecrafting
Announcing quarto-diagrams
quarto-diagrams is a new Quarto extension that adds a collection of circular and structured diagram styles.
emilhvitfeldt.com
June 3, 2026 at 3:05 PM
This is another admirable Quarto contribution by @emilhvitfeldt.bsky.social And, the results are generally lovely! (BUT NOT THOSE PIES!)
But, in terms of ease of expression for such diagrams, doing these as nested divs leaves me cold, compared dot, graphviz, even the unlovely mermaid.
But, in terms of ease of expression for such diagrams, doing these as nested divs leaves me cold, compared dot, graphviz, even the unlovely mermaid.
just spent 3 hours trying to coax a graphviz (dot) file out of a chatbot; the first hour was fruitful but the latter two felt wasted
it kept wrecking structure it had made and i kept having to tell it to put it back
seems wildly inefficient (as usual)
it kept wrecking structure it had made and i kept having to tell it to put it back
seems wildly inefficient (as usual)
November 8, 2025 at 7:35 PM
just spent 3 hours trying to coax a graphviz (dot) file out of a chatbot; the first hour was fruitful but the latter two felt wasted
it kept wrecking structure it had made and i kept having to tell it to put it back
seems wildly inefficient (as usual)
it kept wrecking structure it had made and i kept having to tell it to put it back
seems wildly inefficient (as usual)
nmapの実行結果レポートを生成してくれるCLIツール。出力する形式はHTML、Markdown、JSON、graphviz(dot)、SQLite。Golang実装
GitHub - vdjagilev/nmap-formatter: A tool that allows you to convert NMAP results to html, csv, json, markdown, graphviz (dot) or sqlite. Simply put it's nmap converter.
A tool that allows you to convert NMAP results to html, csv, json, markdown, graphviz (dot) or sqlite. Simply put it's nmap converter. - GitHub - vdjagilev/nmap-formatter: A tool that allows yo...
github.com
January 30, 2024 at 8:04 AM
nmapの実行結果レポートを生成してくれるCLIツール。出力する形式はHTML、Markdown、JSON、graphviz(dot)、SQLite。Golang実装
I’m getting good results using graphviz dot files as top-level spec files. Each node and edge includes a URL attribute pointing at a markdown file and section for more detail.
The graphs are tiny token wise, and act as both flowchart and table of contents for the more expensive markdown.
The graphs are tiny token wise, and act as both flowchart and table of contents for the more expensive markdown.
September 24, 2026 at 5:52 PM
I’m getting good results using graphviz dot files as top-level spec files. Each node and edge includes a URL attribute pointing at a markdown file and section for more detail.
The graphs are tiny token wise, and act as both flowchart and table of contents for the more expensive markdown.
The graphs are tiny token wise, and act as both flowchart and table of contents for the more expensive markdown.
"go-graphviz が新しくなりました - Route54"
go-graphviz が新しくなりました - Route54
TL;DR goccy/go-graphviz が新しくなり、cgo を使って Graphviz の機能をバインディングしていたところを WebAssembly ( 以降 WASM ) ベースに置き換えたため、晴れて Pure Go になりました。 一部 API のインターフェースが少し変わっていますが、以前できたDOT言語の読み書きやSVG、PNGとしての出力などは全て可能です。それに加え、図中の画像のレンダリングサポートやフォントまわりの改善、最新のGraphvizライブラリへの対応により以前よりもレンダリング処理が改善されています。 また、任意の出力フォーマットに対するレンダリング処理を…
goccy54.hatenablog.com
October 24, 2024 at 8:40 AM
"go-graphviz が新しくなりました - Route54"
Now you can plot cool networks using DOT and graphviz layouts. It does not matter if graphviz is not installed, it supports native binaries, js/wasm and webassembly with wasmtime, + other nice options!
Check the @marimo.io notebook in molab: molab.marimo.io/notebooks/nb...
Check the @marimo.io notebook in molab: molab.marimo.io/notebooks/nb...
marimo | easydot-graphviz - molab
marimo notebook by Pablo in Pablo Rodríguez Mier's Workspace
molab.marimo.io
May 5, 2026 at 4:34 PM
Now you can plot cool networks using DOT and graphviz layouts. It does not matter if graphviz is not installed, it supports native binaries, js/wasm and webassembly with wasmtime, + other nice options!
Check the @marimo.io notebook in molab: molab.marimo.io/notebooks/nb...
Check the @marimo.io notebook in molab: molab.marimo.io/notebooks/nb...
Pra descrever equação, provavelmente a melhor forma vai ser usar o velho Latex
Exemplo do Graphiz
www.devtoolsdaily.com/graphviz/
Exemplo do Graphiz
www.devtoolsdaily.com/graphviz/
Free Graphviz / Dot online editor
Live edit and preview your graphviz / dot. Graphviz visualizer online. AI powered graphviz editor.
www.devtoolsdaily.com
April 14, 2025 at 6:31 PM
Pra descrever equação, provavelmente a melhor forma vai ser usar o velho Latex
Exemplo do Graphiz
www.devtoolsdaily.com/graphviz/
Exemplo do Graphiz
www.devtoolsdaily.com/graphviz/
#Graphvizを使おう 2
前ツイのWindowsバッチより
dot -Tpng -o %~d1%~p1%~n1.png %1
の意味を解説.
まず，dotコマンドの
コマンドオプション:
-Tの後ろに出力画像形式.
-oの後ろに出力画像ファイル.
その後ろに入力dotファイル.
例:
dot -Tpng -o hoge.png hoge.dot
前ツイのWindowsバッチより
dot -Tpng -o %~d1%~p1%~n1.png %1
の意味を解説.
まず，dotコマンドの
コマンドオプション:
-Tの後ろに出力画像形式.
-oの後ろに出力画像ファイル.
その後ろに入力dotファイル.
例:
dot -Tpng -o hoge.png hoge.dot
June 8, 2026 at 4:11 PM
#Graphvizを使おう 2
前ツイのWindowsバッチより
dot -Tpng -o %~d1%~p1%~n1.png %1
の意味を解説.
まず，dotコマンドの
コマンドオプション:
-Tの後ろに出力画像形式.
-oの後ろに出力画像ファイル.
その後ろに入力dotファイル.
例:
dot -Tpng -o hoge.png hoge.dot
前ツイのWindowsバッチより
dot -Tpng -o %~d1%~p1%~n1.png %1
の意味を解説.
まず，dotコマンドの
コマンドオプション:
-Tの後ろに出力画像形式.
-oの後ろに出力画像ファイル.
その後ろに入力dotファイル.
例:
dot -Tpng -o hoge.png hoge.dot
🐳 🐙 Docker Compose Tip #90
docker compose alpha viz turns depends_on into a Graphviz graph. Pipe into dot -Tpng and any Compose file becomes a picture.
Still alpha since April 2023, no graduation date yet.
Guide: lours.me/posts/compose-tip-090-alpha-viz/
#Docker #Compose #CLI
docker compose alpha viz turns depends_on into a Graphviz graph. Pipe into dot -Tpng and any Compose file becomes a picture.
Still alpha since April 2023, no graduation date yet.
Guide: lours.me/posts/compose-tip-090-alpha-viz/
#Docker #Compose #CLI
Docker Compose Tip #90: Seeing your service graph with docker compose alpha viz
docker compose alpha viz turns depends_on chains into a Graphviz graph, useful the moment a stack outgrows what you can trace by reading the file.
lours.me
September 25, 2026 at 11:54 AM
🐳 🐙 Docker Compose Tip #90
docker compose alpha viz turns depends_on into a Graphviz graph. Pipe into dot -Tpng and any Compose file becomes a picture.
Still alpha since April 2023, no graduation date yet.
Guide: lours.me/posts/compose-tip-090-alpha-viz/
#Docker #Compose #CLI
docker compose alpha viz turns depends_on into a Graphviz graph. Pipe into dot -Tpng and any Compose file becomes a picture.
Still alpha since April 2023, no graduation date yet.
Guide: lours.me/posts/compose-tip-090-alpha-viz/
#Docker #Compose #CLI
Mit Graphviz und Dot erstellt?
October 14, 2023 at 5:40 PM
Mit Graphviz und Dot erstellt?