Visualizations
Render charts from AI responses
Telygent can return visualization configs alongside markdown. Use the visualizations array to render ECharts charts, and map placeholders like [[viz:id]]inside the markdown content.
Response format
visualization.json
1{
2 "status": "final",
3 "content": "Here is the breakdown:
4
5[[viz:open-tickets-by-category]]",
6 "visualizations": [
7 {
8 "id": "open-tickets-by-category",
9 "type": "echarts",
10 "title": "Open Tickets by Category",
11 "options": {
12 "xAxis": {"type": "category", "data": ["Billing", "Technical"]},
13 "yAxis": {"type": "value"},
14 "series": [{"type": "bar", "data": [25, 18]}]
15 },
16 "table": {
17 "columns": ["Category", "Open Tickets"],
18 "rows": [["Billing", 25], ["Technical", 18]]
19 }
20 }
21 ]
22}Rendering notes
- Match content placeholders to visualization IDs.
- Render the table data for fallback displays.
- Chart options follow standard ECharts configuration.