graph { graph [engine:dot rankdir:LR applyCss:dark] pango_wrap_showcase -> headings [reverse: false] headings -> level_3 [reverse: false] level_3 -> level_4 [reverse: false] level_4 -> level_5 [reverse: false] level_5 -> order_66 [reverse: false] pango_wrap_showcase *= lists [reverse: false] lists *= unordered [reverse: false] lists *= nested [reverse: false] lists *= ordered [reverse: false] pango_wrap_showcase *= inline_styles [reverse: false] pango_wrap_showcase *= links_and_images [reverse: false] pango_wrap_showcase *= code [reverse: false] pango_wrap_showcase *= tables [reverse: false] pango_wrap_showcase *= mixed_content [reverse: false] pango_wrap_showcase *= long_text_wrapping [reverse: false] pango_wrap_showcase [z: 9.5 @html: "

pango-wrap showcase
look look...

" nomen: "pango-wrap showcase"] headings [z: 4.75 @html: "

headings

" nomen: "headings"] level_3 [z: 2.375 @html: "

level 3

" nomen: "level 3"] level_4 [z: 1.1875 @html: "

level 4

" nomen: "level 4"] level_5 [z: 0.59375 @html: "

level 5

" nomen: "level 5"] order_66 [z: 0.296875 @html: "

order 66
test:

•

" nomen: "order 66"] lists [z: 4.75 @html: "

lists

" nomen: "lists"] unordered [z: 2.375 @html: "

unordered

• first item

• second item

• third item

" nomen: "unordered"] nested [z: 2.375 @html: "

nested

• parent item

• child A1

• child A2

• grandchild A2a

• child A3

• another parent

• child B1

" nomen: "nested"] ordered [z: 2.375 @html: "

ordered

• step one

• step two

• step three

" nomen: "ordered"] inline_styles [z: 4.75 @html: "

inline styles
bold text anditalic text bold with anditalic with nested bold

" nomen: "inline styles"] links_and_images [z: 4.75 @html: "

links and images
example link⸨example link⸩!image placeholder⸨!image placeholder⸩

" nomen: "links and images"] code [z: 4.75 @html: "

code
inline code snippet in text
const greeting = "hello
world";
console.log(greeting);

" nomen: "code"] tables [z: 4.75 @html: "

tables

Feature	Status	Notes
Headings	working	bold display
Lists	working	nested support
Code blocks	working	colored output

" nomen: "tables"] mixed_content [z: 4.75 @html: "

mixed content
This is a paragraph with bold ,italic, and code .

• list item with bold text

• list item with code snippet

• nested withhttps:/example.com⸨https:/example.com⸩

" nomen: "mixed content"] long_text_wrapping [z: 4.75 @html: "

long text wrapping
This is a longer paragraph that should
wrap at the configured width. The
word-wrap function splits text into
lines of approximately forty characters,
making it readable in Graphviz nodes
without overflow.Another paragraph with a
verylongwordthatspillsintomultiplelines
to test how the wrap handles long words.

" nomen: "long text wrapping"] }