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

# Generate Diagrams & Infographics

> Turn meeting discussions into visual diagrams, flowcharts, mind maps, and infographic summaries.

Mavio can transform your meeting content into visual artifacts — flowcharts, sequence diagrams, mind maps, and infographic summaries — so you can share insights in a format that's easy to scan and understand.

## Generate a diagram

<Steps>
  <Step title="Open a completed meeting">
    Navigate to the meeting you want to visualize. The meeting must have a completed transcript.
  </Step>

  <Step title="Open the Diagrams tab">
    Click the **Diagrams** tab (or **Infographics** on mobile) in the meeting detail view.
  </Step>

  <Step title="Choose a diagram type">
    Select the type of visual you want to generate:

    * **Flowchart** — process flows and decision trees discussed in the meeting
    * **Sequence diagram** — step-by-step interactions between people or systems
    * **Mind map** — topic clusters and relationships from the discussion
    * **Infographic** — a visual summary card with key stats, decisions, and highlights
  </Step>

  <Step title="Optionally set focus topics">
    Narrow the diagram to specific topics by entering keywords. For example, entering "onboarding" generates a diagram focused only on onboarding-related discussion.
  </Step>

  <Step title="Generate">
    Click **Generate** and wait a few seconds. The diagram appears in the panel and is saved to the meeting.
  </Step>
</Steps>

## Diagram types

<AccordionGroup>
  <Accordion title="Flowchart">
    Best for meetings where a process, workflow, or decision tree was discussed. Mavio extracts steps, decisions, and outcomes and renders them as a connected flow.

    **Good for:** Sprint planning, process reviews, approval workflows.
  </Accordion>

  <Accordion title="Sequence diagram">
    Best for meetings involving step-by-step interactions between people, teams, or systems. Shows the order of events and handoffs.

    **Good for:** Technical design discussions, API integration planning, cross-team handoffs.
  </Accordion>

  <Accordion title="Mind map">
    Best for brainstorming sessions and wide-ranging discussions. Clusters related topics around a central theme and shows relationships.

    **Good for:** Brainstorms, strategy sessions, retrospectives.
  </Accordion>

  <Accordion title="Infographic">
    A visual summary card showing key metrics, decisions, action items, and participant stats in a scannable layout.

    **Good for:** Executive summaries, sharing on Slack, weekly updates.
  </Accordion>
</AccordionGroup>

## Customize and regenerate

After generating a diagram:

* **Regenerate** — click **Regenerate** to produce a different interpretation of the same content.
* **Change focus** — update the focus topics and regenerate to shift the diagram's emphasis.
* **Switch type** — try a different diagram type to find the best representation.

## Export and share

<CardGroup cols={3}>
  <Card title="PNG" icon="image">
    High-resolution image for presentations and documents.
  </Card>

  <Card title="SVG" icon="file-code">
    Scalable vector format for web embedding and further editing.
  </Card>

  <Card title="Share link" icon="link">
    Generate a shareable link to the interactive diagram.
  </Card>
</CardGroup>

Click the **Export** button on any diagram to download or share it.

<Tip>
  Infographics are particularly effective when shared in Slack channels. Use the **Share to Slack** option to post the infographic directly as an image.
</Tip>

<Note>
  Diagram generation consumes AI credits. Each generation costs 2 credits on most plans. See [AI Credits](/documentation/ai/ai-credits) for details.
</Note>