> ## Documentation Index
> Fetch the complete documentation index at: https://docs.synti.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Rich Output

> How Synti renders tables, spreadsheets, diagrams, HTML, PDFs, Markdown, and diffs inline instead of as raw text.

When the agent returns something structured, Synti renders it as the real thing rather than a wall of text. A table becomes an interactive grid, a diagram becomes an SVG, an HTML email becomes a live preview. You read results the way they're meant to be read, and can sort, filter, and export without copying anything out.

## What Synti renders

### Interactive tables

Tabular results become sortable, filterable datatables. Click a column header to sort, and type to filter across every column at once. Values are formatted intelligently — currencies, percentages, dates, and status badges each get appropriate styling. Columns can be typed as text, number, currency, percent, boolean, date, or badge.

### Spreadsheets

Grid-style results render like a spreadsheet, with row and column identifiers. You can export them straight from the conversation as `.xlsx` or `.csv` — handy for financial reports and any data you want to keep working with elsewhere.

### Diagrams

Mermaid diagrams render as themed SVGs: flowcharts, sequence diagrams, entity-relationship and state diagrams, class diagrams, and charts. Reach for these when you want to see an architecture, a data flow, or a set of relationships.

### HTML preview

HTML renders inline as a live, sandboxed preview instead of being flattened to plain text, so CSS styling and layout are preserved. It's ideal for emails, newsletters, and formatted reports, and related items can appear as tabs.

### PDF preview

A generated PDF shows its first page inline with a button to expand it, plus navigation through multiple pages. Several PDFs can appear as tabs for side-by-side comparison.

### Markdown preview

Markdown renders as a parsed preview — headings, tables, and syntax-highlighted code — rather than raw text in a code block. The preview is capped at 400px tall with an expand button, which suits specs, plans, READMEs, and decision logs.

### Code diffs

Changes render as a unified diff with removed lines in red and added lines in green, so you can see exactly what changed, was added, or was removed.

## How the format is chosen

Synti picks the rendering automatically from the content type, but you can ask for a specific format if you'd prefer one over another.

<Note>
  Large datasets — roughly 20 rows or more — are written to a file instead of rendered inline, which keeps the conversation responsive. Ask the agent to open or export the file when you need the full result.
</Note>

<Tip>
  Rich output pairs naturally with [Document tools](/go-further/document-tools): the agent can build a spreadsheet or PDF and preview it in the same turn.
</Tip>

## Related

<CardGroup cols={2}>
  <Card title="Document tools" icon="file-lines" href="/go-further/document-tools">
    Create the files that render as rich output.
  </Card>

  <Card title="Sharing" icon="share-nodes" href="/go-further/sharing">
    Publish a conversation with its formatting intact.
  </Card>
</CardGroup>
