Categories

← View All Tools

Step Chart Generator

Create step charts with staircase-style data visualization, perfect for showing discrete changes over time

Data points as JSON array with x, y, and optional label properties

Title that will be displayed above the step chart

Label for the X-axis

Label for the Y-axis

Color of the step line

Width of the step line in pixels

Color of the data points

Size of data points in pixels

Display data points on the step line

Display value labels on data points

Display background grid lines

Fill the area under the step line with color

Color for area fill (if enabled)

Color of grid lines

Background color of the chart

Width of the chart in pixels

Height of the chart in pixels

Font size for labels and text

Font size for the chart title

Font family for text elements

Animate the chart when it loads

Animation duration in milliseconds

API Documentation

Request Endpoint

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

Request Parameters

Parameter Name Type Required Description
chartTitle text No Title that will be displayed above the step chart
dataPoints textarea Yes Data points as JSON array with x, y, and optional label properties
xAxisLabel text No Label for the X-axis
yAxisLabel text No Label for the Y-axis
stepStyle select Yes -
lineColor color No Color of the step line
lineWidth number No Width of the step line in pixels
pointColor color No Color of the data points
pointSize number No Size of data points in pixels
showDataPoints checkbox No Display data points on the step line
showLabels checkbox No Display value labels on data points
showGrid checkbox No Display background grid lines
fillArea checkbox No Fill the area under the step line with color
areaColor color No Color for area fill (if enabled)
gridColor color No Color of grid lines
backgroundColor color No Background color of the chart
chartWidth number No Width of the chart in pixels
chartHeight number No Height of the chart in pixels
dataLabelFormat select No -
fontSize number No Font size for labels and text
titleSize number No Font size for the chart title
fontFamily text No Font family for text elements
animationEnabled checkbox No Animate the chart when it loads
animationDuration number No Animation duration in milliseconds

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-step-chart-generator": {
      "name": "step-chart-generator",
      "description": "Create step charts with staircase-style data visualization, perfect for showing discrete changes over time",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=step-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]