generate_area_chart

Create area charts to visualize data trends over continuous variables like time, enabling analysis of relationships such as velocity and distance. Customize style, theme, and layout for clear insights.

Instructions

Generate a area chart to show data trends under continuous independent variables and observe the overall data trend, such as, displacement = velocity (average or instantaneous) × time: s = v × t. If the x-axis is time (t) and the y-axis is velocity (v) at each moment, an area chart allows you to observe the trend of velocity over time and infer the distance traveled by the area's size.

Input Schema

Name	Required	Description	Default
`axisXTitle`	No	Set the x-axis title of chart.
`axisYTitle`	No	Set the y-axis title of chart.
`data`	Yes	Data for area chart, such as, [{ time: '2018', value: 99.9 }].
`height`	No	Set the height of chart, default is 400.
`stack`	No	Whether stacking is enabled. When enabled, area charts require a 'group' field in the data.
`style`	No	Custom style configuration for the chart.
`theme`	No	Set the theme for the chart, optional, default is 'default'.	default
`title`	No	Set the title of chart.
`width`	No	Set the width of chart, default is 600.

Input Schema (JSON Schema)

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "properties": {
    "axisXTitle": {
      "default": "",
      "description": "Set the x-axis title of chart.",
      "type": "string"
    },
    "axisYTitle": {
      "default": "",
      "description": "Set the y-axis title of chart.",
      "type": "string"
    },
    "data": {
      "description": "Data for area chart, such as, [{ time: '2018', value: 99.9 }].",
      "items": {
        "properties": {
          "group": {
            "type": "string"
          },
          "time": {
            "type": "string"
          },
          "value": {
            "type": "number"
          }
        },
        "required": [
          "time",
          "value"
        ],
        "type": "object"
      },
      "minItems": 1,
      "type": "array"
    },
    "height": {
      "default": 400,
      "description": "Set the height of chart, default is 400.",
      "type": "number"
    },
    "stack": {
      "default": false,
      "description": "Whether stacking is enabled. When enabled, area charts require a 'group' field in the data.",
      "type": "boolean"
    },
    "style": {
      "description": "Custom style configuration for the chart.",
      "properties": {
        "backgroundColor": {
          "description": "Background color of the chart, such as, '#fff'.",
          "type": "string"
        },
        "palette": {
          "description": "Color palette for the chart, it is a collection of colors.",
          "items": {
            "type": "string"
          },
          "type": "array"
        },
        "texture": {
          "default": "default",
          "description": "Set the texture for the chart, optional, default is 'default'. 'rough' refers to hand-drawn style.",
          "enum": [
            "default",
            "rough"
          ],
          "type": "string"
        }
      },
      "type": "object"
    },
    "theme": {
      "default": "default",
      "description": "Set the theme for the chart, optional, default is 'default'.",
      "enum": [
        "default",
        "academy",
        "dark"
      ],
      "type": "string"
    },
    "title": {
      "default": "",
      "description": "Set the title of chart.",
      "type": "string"
    },
    "width": {
      "default": 600,
      "description": "Set the width of chart, default is 600.",
      "type": "number"
    }
  },
  "required": [
    "data"
  ],
  "type": "object"
}

MCP Server Chart