Elysia Tools Docs
EN
Language
ZHESPTRUFRDEEN
Back to site
Browse tools

Data Visualization

Quadrant Chart Generator

Generate strategic quadrant charts for four-quadrant analysis, priority sorting, and strategic decision making

html· HTML resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL
curl -X POST 'https://api.elysiatools.com/en/api/tools/quadrant-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"label": "Product A", "x": 75, "y": 80, "size": 12, "category": "High Priority"},\n{"label": "Product B", "x": 25, "y": 60, "size": 10, "category": "Medium Priority"}]\n\nor text format:\nProduct A,75,80,12,High Priority\nProduct B,25,60,10,Medium Priority","chartTitle":"Enter chart title...","xAxisLabel":"Importance","yAxisLabel":"Urgency","quadrantLabels":"High Priority, High Impact, Low Impact, Low Priority","quadrantColors":"#e8f5e8,#fef3e8,#fef3e8,#e8f5e8","pointSize":"8","xAxisMin":0,"xAxisMax":0,"yAxisMin":0,"yAxisMax":0,"chartSize":"600","opacity":"0.8","backgroundColor":"#ffffff","gridColor":"#e0e0e0","showGrid":true,"showLabels":true,"showAxes":true,"showLegend":true,"groupByCategory":false}'

© 2026 Elysia Tools. Developer documentation.

Back to siteBrowse tools

API reference

Send a POST request with your inputs as JSON. File parameters require a separate upload first.

Endpoint

HTTP
POST https://api.elysiatools.com/en/api/tools/quadrant-chart

Parameters

NameTypeRequiredDescription
chartDatatextareaYesData points for the quadrant chart. Each point needs x, y coordinates, optional size and category.
chartTitletextNoTitle that will be displayed above the chart
xAxisLabeltextNoLabel for the X-axis
yAxisLabeltextNoLabel for the Y-axis
quadrantLabelstextNoLabels for the four quadrants (top-right, top-left, bottom-left, bottom-right). Separate with commas or use JSON array.
quadrantColorstextNoBackground colors for the four quadrants (top-right, top-left, bottom-left, bottom-right). Separate with commas or use JSON array.
pointSizenumberNoDefault size for data points in pixels
xAxisMinnumberNoMinimum value for X-axis (leave empty for auto-scale)
xAxisMaxnumberNoMaximum value for X-axis (leave empty for auto-scale)
yAxisMinnumberNoMinimum value for Y-axis (leave empty for auto-scale)
yAxisMaxnumberNoMaximum value for Y-axis (leave empty for auto-scale)
chartSizenumberNoSize of the square chart in pixels
opacitynumberNoOpacity of data points (0.1 to 1.0)
backgroundColorcolorNoBackground color for the chart container
gridColorcolorNoColor for the grid lines
showGridcheckboxNoDisplay grid lines for better readability
showLabelscheckboxNoDisplay labels in each quadrant
showAxescheckboxNoDisplay X and Y axes lines
showLegendcheckboxNoDisplay legend when grouping by category
groupByCategorycheckboxNoColor points by category and show legend

Response format

HTML result

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

MCP integration

Add this tool to your Model Context Protocol server so AI agents can list and call it.

Server configuration

Add this block to your MCP client configuration:

mcp.json
{
  "mcpServers": {
    "elysiatools-quadrant-chart": {
      "name": "quadrant-chart",
      "description": "Generate strategic quadrant charts for four-quadrant analysis, priority sorting, and strategic decision making",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=quadrant-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

List available tools

After connecting to the SSE endpoint, list the exposed tools:

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Call this tool

Invoke the tool by its id, passing arguments built from its parameters:

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "quadrant-chart",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;label&quot;: &quot;Product A&quot;, &quot;x&quot;: 75, &quot;y&quot;: 80, &quot;size&quot;: 12, &quot;category&quot;: &quot;High Priority&quot;},\n{&quot;label&quot;: &quot;Product B&quot;, &quot;x&quot;: 25, &quot;y&quot;: 60, &quot;size&quot;: 10, &quot;category&quot;: &quot;Medium Priority&quot;}]\n\nor text format:\nProduct A,75,80,12,High Priority\nProduct B,25,60,10,Medium Priority",
  "chartTitle": "Enter chart title...",
  "xAxisLabel": "Importance",
  "yAxisLabel": "Urgency",
  "quadrantLabels": "High Priority, High Impact, Low Impact, Low Priority",
  "quadrantColors": "#e8f5e8,#fef3e8,#fef3e8,#e8f5e8",
  "pointSize": "8",
  "xAxisMin": 0,
  "xAxisMax": 0,
  "yAxisMin": 0,
  "yAxisMax": 0,
  "chartSize": "600",
  "opacity": "0.8",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "showGrid": true,
  "showLabels": true,
  "showAxes": true,
  "showLegend": true,
  "groupByCategory": false
}
  }
}
Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).

Questions or issues? Contact [email protected]

Browse tools
Open tool