Generate Visualizations
Create diagrams, charts, and mind maps from your document content.
Generate Visualizations
The Agent can generate interactive visualizations directly in chat. Request a diagram, chart, or mind map based on your documents, and it renders live.
Steps
- Navigate to Agent in the sidebar
- Ask for a visualization based on your documents
- The Agent generates code and renders the visualization
- Interact with the result — zoom, pan, or toggle between rendered view and source code
Visualization types
Mermaid diagrams
Request process flows, timelines, or relationships:
| Type | Example prompt |
|---|---|
| Flowchart | "Create a flowchart of the approval process from these documents" |
| Timeline | "Show a timeline of events from the Project Alpha documents" |
| Sequence diagram | "Draw a sequence diagram of the API interactions" |
| State diagram | "Create a state diagram of the order status transitions" |
| Gantt chart | "Show a Gantt chart of the project phases" |
| ER diagram | "Draw an entity-relationship diagram of the database schema" |
Data charts
Request charts when your documents contain numerical data:
| Type | Example prompt |
|---|---|
| Bar chart | "Create a bar chart comparing the budgets mentioned in these documents" |
| Line chart | "Show a line chart of the quarterly metrics over time" |
| Pie chart | "Make a pie chart of the resource allocation" |
| Area chart | "Show cumulative spending trends as an area chart" |
| Scatter plot | "Create a scatter plot of the correlation between X and Y" |
Mind maps
Request hierarchical breakdowns of concepts:
| Type | Example prompt |
|---|---|
| Topic breakdown | "Create a mind map of the main topics in my documents" |
| Summary structure | "Show a hierarchical breakdown of the findings" |
| Concept relationships | "Map out how these concepts connect" |
How it works
- The Agent uses
get_visualization_helpto retrieve correct syntax - It generates code based on your documents and request
- The code block renders automatically as an interactive visual
- You can zoom, pan, and interact with the diagram
- Toggle between rendered view and source code if needed
Tips for better visualizations
Be specific about what to visualize:
- "Create a flowchart of the procurement process described in the Q4 report"
- "Show a timeline of major events from 2020-2024"
Reference specific documents when relevant:
- "Visualize the organizational structure from the HR policy document"
Request modifications:
- "Make the timeline more detailed"
- "Add the dates to the flowchart"
Limitations
- Visualizations are generated from document content — the Agent cannot invent data
- Complex diagrams may require iteration to get formatting right
- Very large visualizations may be truncated or simplified