examples

Diagrams rendered with vhiz across three layout engines.

D2
6 examples
Mermaid
6 examples
STT
5 examples
Microservices Architecture
d2 cool-classics
bashnord
$ vhiz diagram microservices.d2 --theme cool-classics page https://vhiz.dev/diagram_7vM4M8Do artifact https://vhiz.dev/diagram_7vM4M8Do/v/1/screen800x360@2x.png format png size 800×360 @2x cost 1 credit balance 35
Microservices architecture diagram
OAuth2 Token Flow
mermaid neutral sequence
bashtokyo night
$ vhiz diagram oauth2-flow.mmd -s 550 --theme neutral page https://vhiz.dev/diagram_7lev3ikD artifact https://vhiz.dev/diagram_7lev3ikD/v/1/screen550x395@2x.png format png size 550×395 @2x cost 1 credit balance 29
OAuth2 sequence diagram
Git Branching Strategy
d2 terminal svg
bashgruvbox
$ vhiz diagram git-branching.d2 -s 500 --theme terminal --format svg page https://vhiz.dev/diagram_ibM6Gycf artifact https://vhiz.dev/diagram_ibM6Gycf/v/1/diagram.svg format svg size 500×150 cost 1 credit balance 25
Git branching strategy diagram (SVG)
CI/CD Pipeline
mermaid dark transparent bg
bashmonokai
$ vhiz diagram ci-pipeline.mmd -s 450 --theme dark --background transparent page https://vhiz.dev/diagram_NkXvOyiG artifact https://vhiz.dev/diagram_NkXvOyiG/v/1/screen450x859@2x.png format png size 450×859 @2x cost 1 credit balance 28
CI/CD Pipeline flowchart
Kubernetes Pod Lifecycle
d2 origami state machine
bashdracula
$ vhiz diagram k8s-lifecycle.d2 -s 450 --theme origami page https://vhiz.dev/diagram_DJCdd8r9 artifact https://vhiz.dev/diagram_DJCdd8r9/v/1/screen450x434@2x.png format png size 450×434 @2x cost 1 credit balance 26
Kubernetes pod lifecycle diagram
Project Management Schema
mermaid forest ER diagram
bashsolarized
$ vhiz diagram schema.mmd -s 500 --theme forest page https://vhiz.dev/diagram_uCUUkqNh artifact https://vhiz.dev/diagram_uCUUkqNh/v/1/screen500x630@2x.png format png size 500×630 @2x cost 1 credit balance 27
ER diagram for project management