Categories

← View All Tools

Area Chart Generator

Generate customizable area charts from data with filled areas under lines, perfect for showing trends and cumulative data

Data for the chart. Supports single line array, multi-line object, or simple text format

Title that will be displayed above the chart

Colors for multiple areas (comma-separated hex colors). Leave empty for default colors.

Opacity of the area fill (0.0 to 1.0)

Stack areas on top of each other instead of overlapping

Background color for the chart container

Color for the grid lines

Width of the area border lines in pixels

Height of the chart in pixels

Maximum value for Y-axis (leave empty for auto-scale)

Minimum value for Y-axis

Label for the X-axis

Label for the Y-axis

Display grid lines for better readability

Display data points on the area border

Display the actual values on data points

Display a legend below the chart

API Documentation

Request Endpoint

POST /en/api/tools/area-chart-generator

Request Parameters

Parameter Name Type Required Description
chartData textarea Yes Data for the chart. Supports single line array, multi-line object, or simple text format
chartTitle text No Title that will be displayed above the chart
curveType select No -
areaColors text No Colors for multiple areas (comma-separated hex colors). Leave empty for default colors.
fillOpacity number No Opacity of the area fill (0.0 to 1.0)
stacked checkbox No Stack areas on top of each other instead of overlapping
backgroundColor color No Background color for the chart container
gridColor color No Color for the grid lines
lineWidth number No Width of the area border lines in pixels
chartHeight number No Height of the chart in pixels
maxValue number No Maximum value for Y-axis (leave empty for auto-scale)
minValue number No Minimum value for Y-axis
xAxisLabel text No Label for the X-axis
yAxisLabel text No Label for the Y-axis
showGrid checkbox No Display grid lines for better readability
showPoints checkbox No Display data points on the area border
showValues checkbox No Display the actual values on data points
showLegend checkbox No Display a legend below the chart

Response Format

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "mcpServers": {
    "elysiatools-area-chart-generator": {
      "name": "area-chart-generator",
      "description": "Generate customizable area charts from data with filled areas under lines, perfect for showing trends and cumulative data",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=area-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

If you encounter any issues, please contact us at [email protected]