> ## 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.

# Diagrams and Infographics

> Generate flowcharts, sequence diagrams, mind maps, and visual infographics from your meeting discussions.

Mavio can transform your meeting conversations into visual diagrams and infographics automatically. Whether you need a flowchart of a discussed process, a sequence diagram of a technical workflow, or a mind map of brainstormed ideas, Mavio AI analyzes the transcript and generates publication-ready visuals.

## How it works

<Steps>
  <Step title="Meeting is recorded and transcribed">
    Mavio transcribes your meeting as usual, identifying speakers and topics throughout the conversation.
  </Step>

  <Step title="AI analyzes discussion for visual content">
    Mavio AI scans the transcript for processes, workflows, relationships, hierarchies, and decision trees that lend themselves to visual representation.
  </Step>

  <Step title="Diagrams are generated">
    Based on the content detected, Mavio generates one or more diagrams using structured diagramming syntax. Each diagram is rendered as an interactive visual you can explore, edit, and export.
  </Step>

  <Step title="Review and customize">
    Open the **Infographics** tab on any meeting to view generated diagrams. You can regenerate with different parameters, switch diagram types, or request new diagrams from specific discussion segments.
  </Step>
</Steps>

## Supported diagram types

<AccordionGroup>
  <Accordion title="Flowcharts">
    Visualize processes, decision trees, and workflows discussed in the meeting. Flowcharts are ideal for onboarding procedures, approval processes, and technical pipelines.

    * Automatic detection of steps, conditions, and branches
    * Color-coded nodes for decisions vs. actions
    * Supports parallel paths and loops
  </Accordion>

  <Accordion title="Sequence diagrams">
    Map out interactions between participants, systems, or components. Sequence diagrams are perfect for technical architecture discussions, API flows, and user journey walkthroughs.

    * Participants shown as labeled lifelines
    * Synchronous and asynchronous message arrows
    * Loop and conditional grouping boxes
  </Accordion>

  <Accordion title="Mind maps">
    Capture brainstorming sessions and idea exploration as branching mind maps. Every topic and subtopic discussed radiates outward from a central theme.

    * Automatic topic clustering and hierarchy detection
    * Color-coded branches by speaker or theme
    * Expandable and collapsible nodes
  </Accordion>

  <Accordion title="Timeline diagrams">
    Plot milestones, deadlines, and events mentioned in the meeting along a chronological axis. Useful for project planning discussions and retrospectives.

    * Auto-extracted dates and milestones
    * Grouped by project phase or workstream
    * Highlights overdue or at-risk items
  </Accordion>

  <Accordion title="Entity relationship diagrams">
    When database design or data modeling is discussed, Mavio can generate ER diagrams showing entities, attributes, and relationships.

    * Tables with columns and data types
    * One-to-many and many-to-many relationships
    * Primary and foreign key indicators
  </Accordion>
</AccordionGroup>

## Generating diagrams from a meeting

### Automatic generation

When enabled in **Settings > AI > Auto-generate diagrams**, Mavio automatically creates relevant diagrams after each meeting. The AI selects diagram types based on the conversation content.

### Manual generation

1. Open any meeting and navigate to the **Infographics** tab.
2. Click **Generate Diagram**.
3. Choose the diagram type or select **Auto-detect** to let Mavio AI decide.
4. Optionally highlight a specific transcript segment to scope the diagram.
5. The diagram renders within 30-60 seconds.

<Tip>
  You can generate multiple diagrams from the same meeting. Try generating a mind map for the brainstorming portion and a flowchart for the process discussion in the same call.
</Tip>

## Customization options

After a diagram is generated, you can refine it:

| Option               | Description                                                           |
| -------------------- | --------------------------------------------------------------------- |
| **Layout direction** | Switch between top-down, left-right, or radial layouts                |
| **Color theme**      | Choose from preset themes or match your brand colors                  |
| **Detail level**     | Toggle between summary view and detailed view with annotations        |
| **Labels**           | Show or hide edge labels, node descriptions, and speaker attributions |
| **Regenerate**       | Re-run generation with a custom prompt for specific focus areas       |

## Export formats

Diagrams can be exported for use in presentations, documentation, or sharing:

| Format        | Use case                                                |
| ------------- | ------------------------------------------------------- |
| **PNG**       | High-resolution image for slides and documents          |
| **SVG**       | Scalable vector for web embedding and print             |
| **Clipboard** | Copy the diagram directly to paste into any application |

To export, open the diagram and click the **Export** button in the top-right corner.

<Note>
  Diagram generation consumes AI credits. A single diagram costs approximately 5-10 credits depending on complexity. See [AI Credits](/documentation/ai/ai-credits) for details.
</Note>

## Tips for better diagrams

<AccordionGroup>
  <Accordion title="Be explicit about processes in meetings">
    The AI generates more accurate flowcharts when participants describe steps sequentially. Phrases like "first we do X, then Y, and if Z happens we do W" produce the best results.
  </Accordion>

  <Accordion title="Name your systems and components">
    For sequence diagrams, clearly naming the systems or people involved ("the frontend sends a request to the API, which queries the database") helps the AI map interactions correctly.
  </Accordion>

  <Accordion title="Use the transcript highlight feature">
    If your meeting covered multiple topics, highlight just the relevant section before generating. This focuses the AI on the content that matters for the diagram.
  </Accordion>
</AccordionGroup>