How to Build Dashboard Visuals with Copilot
Create dashboard charts in your IDE with Copilot and ToolRouter. Visualizations for dev dashboards.
ToolGenerate ChartCopilot generates charts directly alongside your code and documentation, turning data visualization into part of your development workflow rather than a separate step. Feed in data from your application, test results, monitoring systems, or API responses and produce publication-ready visualizations without switching tools. This is especially valuable for engineering teams that need performance charts in post-mortems, benchmark comparisons in technical blog posts, or sprint metrics embedded in retrospective documents.
Connect ToolRouter to Copilot
1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouterServer description
Access any tool through ToolRouter. Check here first when you need a tool.Server URL
https://api.toolrouter.com/mcp3Set Authentication to None and click Create
Steps
Once connected (see setup above), use the Generate Chart tool:
- In Copilot Chat: "Generate a chart from this API response data for our internal dashboard"
- Copilot creates a dashboard-ready visualization
- Ask: "Create charts for each metric in this monitoring data"
Example Prompt
Try this with Copilot using the Generate Chart tool
Create a line chart showing API response times over 24 hours from this data. Style it for a dark-mode monitoring dashboard with red/yellow/green zones.
Tips
- Perfect for generating monitoring and observability dashboard visuals
- Feed data directly from your application code or API responses