Data Visualization
Generate interactive polar area charts to visualize data in circular format, perfect for comparing categories with cyclical patterns or radial distributions
Call this tool from your code in three languages.
curl -X POST 'https://api.elysiatools.com/en/api/tools/polar-area-chart' \
-H 'Content-Type: application/json' \
-d '{"chartData":"JSON format:\n[{"label": "Category A", "value": 25},\n{"label": "Category B", "value": 40},\n{"label": "Category C", "value": 30},\n{"label": "Category D", "value": 35}]","chartTitle":"Enter chart title...","colorScheme":"default","customColors":"["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]","valueFormat":"number","chartSize":"400","startAngle":"0","innerRadius":"0","backgroundColor":"#ffffff","showValues":true,"showLabels":true,"showGrid":true,"showAnimation":true,"showPercentage":false,"enableTooltip":true}'Send a POST request with your inputs as JSON. File parameters require a separate upload first.
POST https://api.elysiatools.com/en/api/tools/polar-area-chart| Name | Type | Required | Description |
|---|---|---|---|
| chartData | textarea | Yes | Data for the polar area chart in JSON format with label and value fields |
| chartTitle | text | No | Title that will be displayed above the chart |
| colorScheme | select | No | — |
| customColors | textarea | No | JSON array of hex colors (requires Custom Colors selection) |
| valueFormat | select | No | — |
| chartSize | number | No | Size of the chart in pixels (min: 300, max: 600) |
| startAngle | number | No | Starting angle in degrees (0-360) |
| innerRadius | number | No | Inner radius for donut chart effect (0-80) |
| backgroundColor | color | No | Background color for the chart container |
| showValues | checkbox | No | Display values inside the chart areas |
| showLabels | checkbox | No | Display category labels around the chart |
| showGrid | checkbox | No | Display radial grid lines and circles |
| showAnimation | checkbox | No | Animate chart areas when loading |
| showPercentage | checkbox | No | Show percentages instead of values |
| enableTooltip | checkbox | No | Show detailed information on hover |
HTML result
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Add this tool to your Model Context Protocol server so AI agents can list and call it.
Add this block to your MCP client configuration:
{
"mcpServers": {
"elysiatools-polar-area-chart": {
"name": "polar-area-chart",
"description": "Generate interactive polar area charts to visualize data in circular format, perfect for comparing categories with cyclical patterns or radial distributions",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=polar-area-chart",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}After connecting to the SSE endpoint, list the exposed tools:
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Invoke the tool by its id, passing arguments built from its parameters:
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "polar-area-chart",
"arguments": {
"chartData": "JSON format:\n[{"label": "Category A", "value": 25},\n{"label": "Category B", "value": 40},\n{"label": "Category C", "value": 30},\n{"label": "Category D", "value": 35}]",
"chartTitle": "Enter chart title...",
"colorScheme": "default",
"customColors": "["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]",
"valueFormat": "number",
"chartSize": "400",
"startAngle": "0",
"innerRadius": "0",
"backgroundColor": "#ffffff",
"showValues": true,
"showLabels": true,
"showGrid": true,
"showAnimation": true,
"showPercentage": false,
"enableTooltip": true
}
}
}Questions or issues? Contact [email protected]