---
title: ToolRouter — Agent Use Case Guide
description: Step-by-step guide for completing a task with a specific AI agent using ToolRouter.
url: https://toolrouter.com/tools/generate-chart/use-cases/generate-blog-charts/copilot
---
# How to Generate Blog Charts with Copilot

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

## Setup

{"mcpServers":{"toolrouter":{"command":"npx","args":["-y","toolrouter-mcp"]}}}

## Steps

1. Add ToolRouter to Copilot MCP config
2. In Copilot Chat: "Create a chart for my dev blog showing framework popularity over time"
3. Copilot generates the chart and saves the image
4. Ask: "Generate charts for all the benchmarks in this markdown file"

## Example Prompt

```
Create a bar chart comparing JavaScript framework bundle sizes: React 42KB, Vue 33KB, Svelte 1.6KB, Angular 65KB. Style it for a technical blog post.
```

## Tips

- Ideal for technical blog posts that need benchmark comparisons and performance charts
- Generate charts directly alongside your blog content in the same editor session
