---
title: Markdown rendering test page
purpose: every feature of the rendered view, for trying it by hand
---
# Markdown rendering test page
Open this file in code-browser and press **Render** (⇧⌘V). Each section
exercises one part of the rendered view, and the Outline lists them all.
Compare this commit with the one before it to see changed blocks.
## Text and inline markup
Plain text with *emphasis*, **strong**, ~~struck~~, `inline code`, a
⌘K chord, H2O and x2.
> A blockquote, with a second line
> that continues it.
---
## Lists
- An item
- Another, with a nested list
- nested one
- nested two
- A third
1. First
2. Second
3. Third
Tasks:
- [x] Render in the VM
- [x] Removed blocks inline
- [ ] Word-level emphasis
- [x] Mindmaps
## Table
| Feature | Where it runs | Status |
| :------ | :-----------: | -----: |
| Markdown | VM | done |
| Math | VM | done |
| Mermaid | VM (svgdom) | prototype |
## Code
```ts
// Highlighted with the viewer's own colours.
export function greet(name: string): string {
return `Hello, ${name}`
}
```
```sh
echo "costs $5 and $10" # dollars in code are not math
```
## Links
- [Relative link to the architecture doc](../ARCHITECTURE.md)
- [Anchor to the Math section](#math)
- [External link](https://example.com) opens in your browser
- [A javascript: link](javascript:alert(1)) is not followed
## Images
A repository image (loads from git):
A remote image on the allow-list (raw.githubusercontent.com is a default):
Remote images off the allow-list (blocked, with "Allow host"):
 
## Math
Inline: the energy is $E = mc^2$, and $\sqrt{a^2 + b^2}$ is a length.
Prices stay text: it costs $5 and $10.
Display, on its own lines:
$$
\int_0^1 x^2 \, dx = \frac{1}{3}
$$
One line: $$\sum_{k=1}^{n} k = \frac{n(n+1)}{2}$$
As a fence:
```math
\begin{pmatrix} a & b \\ c & d \end{pmatrix}
\begin{pmatrix} x \\ y \end{pmatrix}
=
\begin{pmatrix} ax + by \\ cx + dy \end{pmatrix}
```
Macros that could link or style are off: $\href{https://example.com}{x}$
## Mermaid
### Flowchart
```mermaid
graph LR
client[Client] --> gateway[API gateway]
gateway --> api[Service]
gateway --> auth[Auth service with a longer label]
api --> db[(Database)]
```
### Sequence
```mermaid
sequenceDiagram
participant R as Reviewer
participant A as App
participant V as VM
R->>A: Open README.md
A->>V: Start (warm pool)
R->>A: Render
A->>V: Parse the file
V-->>A: Blocks with source lines
A-->>R: Rendered view
```
### Class
```mermaid
classDiagram
class Sandbox {
+exec(argv)
+pipe(argv)
+dispose()
}
Sandbox <|-- VzSandbox
```
### State
```mermaid
stateDiagram-v2
[*] --> Source
Source --> Rendered: Render
Rendered --> Source: Source
```
### Entity relationship
```mermaid
erDiagram
REVIEW ||--o{ THREAD : has
THREAD ||--|{ ENTRY : contains
```
### Gantt
```mermaid
gantt
title Markdown rendering
dateFormat YYYY-MM-DD
section Render
In the VM :done, a1, 2026-09-25, 2d
Follow-ups :done, a2, after a1, 1d
section Diagrams
Math :done, 2026-09-27, 1d
Mermaid :active, 2026-09-27, 2d
```
### Pie
```mermaid
pie title Where time went
"Layout" : 45
"Shims" : 30
"Fonts" : 25
```
### gitGraph (rough)
```mermaid
gitGraph
commit
branch feature
commit
checkout main
merge feature
```
### Mindmap
```mermaid
mindmap
root((rendering))
VM
svgdom
```
### Architecture
```mermaid
architecture-beta
group vm(cloud)[Review VM]
service agent(server)[Guest agent] in vm
service proxy(internet)[Egress proxy] in vm
service disk(disk)[Repository] in vm
agent:R -- L:proxy
agent:B -- T:disk
```
### A syntax error (stays code)
```mermaid
graph LR
a --> ((
```
## HTML
Allowed HTML: details and summary
This renders, with every attribute except the allowed few stripped.
A centred paragraph, from align="center".
Blocked HTML shows as source: