Elysia Tools Docs
EN
Language
ZHESPTRUFRDEEN
Back to site
Browse tools

Data Visualization

Range Chart Generator

Create range charts to visualize min-max value ranges with median markers and outlier detection

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/range-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartTitle":"Enter chart title...","dataRanges":"JSON format example:\n[{"label": "Product A", "min": 80, "max": 120, "median": 95, "mean": 98, "outliers": [65, 135]},\n{"label": "Product B", "min": 90, "max": 140, "median": 110, "mean": 115, "outliers": [75, 155]},\n{"label": "Product C", "min": 70, "max": 110, "median": 85, "mean": 88, "outliers": [60, 125]}]","xAxisLabel":"Categories","yAxisLabel":"Values","rangeStyle":"line","rangeColor":"#3b82f6","medianColor":"#ff6b6b","pointColor":"#4ecdc4","outlierColor":"#ff4444","lineColor":"#333333","lineWidth":"2","pointSize":"4","outlierSize":"6","opacity":"0.3","showMedian":true,"showMean":false,"showOutliers":true,"showDataPoints":true,"showGrid":true,"gridColor":"#e0e0e0","backgroundColor":"#ffffff","chartWidth":"800","chartHeight":"500","valueFormat":"decimal","fontSize":"12","titleSize":"18","fontFamily":"Arial","animationEnabled":true,"animationDuration":"1000"}'

© 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/range-chart-generator

Parameters

NameTypeRequiredDescription
chartTitletextNoTitle that will be displayed above the range chart
dataRangestextareaYesData ranges as JSON array with min, max, and optional median, mean, and outliers
xAxisLabeltextNoLabel for the X-axis
yAxisLabeltextNoLabel for the Y-axis
rangeStyleselectYes—
rangeColorcolorNoPrimary color for range visualization
medianColorcolorNoColor for median markers
pointColorcolorNoColor for mean point markers
outlierColorcolorNoColor for outlier points
lineColorcolorNoColor for range lines (when applicable)
lineWidthnumberNoWidth of range lines in pixels
pointSizenumberNoSize of min/max data points in pixels
outlierSizenumberNoSize of outlier points in pixels
opacitynumberNoOpacity level for range fills (0.0-1.0)
showMediancheckboxNoDisplay median markers on ranges
showMeancheckboxNoDisplay mean point markers
showOutlierscheckboxNoDisplay outlier data points
showDataPointscheckboxNoDisplay minimum and maximum data points
showGridcheckboxNoDisplay background grid lines
gridColorcolorNoColor of grid lines
backgroundColorcolorNoBackground color of the chart
chartWidthnumberNoWidth of the chart in pixels
chartHeightnumberNoHeight of the chart in pixels
valueFormatselectNo—
fontSizenumberNoFont size for labels and text
titleSizenumberNoFont size for the chart title
fontFamilytextNoFont family for text elements
animationEnabledcheckboxNoAnimate the chart when it loads
animationDurationnumberNoAnimation duration in milliseconds

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-range-chart-generator": {
      "name": "range-chart-generator",
      "description": "Create range charts to visualize min-max value ranges with median markers and outlier detection",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=range-chart-generator",
      "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": "range-chart-generator",
    "arguments": {
  "chartTitle": "Enter chart title...",
  "dataRanges": "JSON format example:\n[{&quot;label&quot;: &quot;Product A&quot;, &quot;min&quot;: 80, &quot;max&quot;: 120, &quot;median&quot;: 95, &quot;mean&quot;: 98, &quot;outliers&quot;: [65, 135]},\n{&quot;label&quot;: &quot;Product B&quot;, &quot;min&quot;: 90, &quot;max&quot;: 140, &quot;median&quot;: 110, &quot;mean&quot;: 115, &quot;outliers&quot;: [75, 155]},\n{&quot;label&quot;: &quot;Product C&quot;, &quot;min&quot;: 70, &quot;max&quot;: 110, &quot;median&quot;: 85, &quot;mean&quot;: 88, &quot;outliers&quot;: [60, 125]}]",
  "xAxisLabel": "Categories",
  "yAxisLabel": "Values",
  "rangeStyle": "line",
  "rangeColor": "#3b82f6",
  "medianColor": "#ff6b6b",
  "pointColor": "#4ecdc4",
  "outlierColor": "#ff4444",
  "lineColor": "#333333",
  "lineWidth": "2",
  "pointSize": "4",
  "outlierSize": "6",
  "opacity": "0.3",
  "showMedian": true,
  "showMean": false,
  "showOutliers": true,
  "showDataPoints": true,
  "showGrid": true,
  "gridColor": "#e0e0e0",
  "backgroundColor": "#ffffff",
  "chartWidth": "800",
  "chartHeight": "500",
  "valueFormat": "decimal",
  "fontSize": "12",
  "titleSize": "18",
  "fontFamily": "Arial",
  "animationEnabled": true,
  "animationDuration": "1000"
}
  }
}
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