quarto-diagrams
Circular diagram styles for Quarto
quarto-diagrams is a Quarto extension that adds a collection of circular diagram styles to your documents and Reveal.js presentations. Each style shares the same authoring model — a container div with nested item divs — but renders differently.
Installation
quarto add EmilHvitfeldt/quarto-diagramsActivate the extension in your document YAML:
filters:
- diagramsStyles
Circle Flow
Nodes arranged on a ring, connected by arrows.
Alice
Bob
Carol
Pie
Items rendered as equal-sized wedges of a circle.
Alice
Bob
Carol
David
Eve
Process
A linear flow of steps connected by arrows.
Alice
Bob
Carol
Pyramid
Stacked bands narrowing toward the top.
Vision
Strategy
Tactics
Operations
Matrix
A 2×2 grid of quadrants along two axes.
Question Marks
Stars
Dogs
Cash Cows
Hierarchy
An org chart / tree from nested items.
CEO
CTO
CFO
CPO
Venn
Two or three overlapping sets.
Frontend
Backend
Stacked Venn
Nested circles for subset relationships.
Everyone
Customers
Subscribers
Funnel
Narrowing stages, optionally sized by value.
Visitors
Leads
Qualified
Customers
Cycle
A repeating loop of stages as arc arrows.
Plan
Do
Check
Act