Categories

← View All Tools

Icicle Chart Generator

Generate interactive icicle charts for hierarchical data visualization, perfect for displaying tree structures, file systems, and organizational hierarchies

Hierarchical data in JSON format with name, value, and optional children arrays

Title that will be displayed above the chart

JSON array of hex colors (requires Custom Colors selection)

Width of the chart in pixels (min: 400, max: 1200)

Height of the chart in pixels (min: 300, max: 800)

Starting level to display (0 = root level)

Maximum number of levels to display

Font size for labels in pixels (min: 8, max: 16)

Spacing between rectangles in pixels (min: 0, max: 10)

Corner radius for rectangles in pixels (min: 0, max: 8)

Border width for rectangles in pixels (min: 0, max: 3)

Background color for the chart container

Border color for rectangles

Display category names inside rectangles

Display values inside rectangles

Show percentages instead of absolute values

Show detailed information on hover

Animate rectangles on hover

API Documentation

Request Endpoint

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

Request Parameters

Parameter Name Type Required Description
chartData textarea Yes Hierarchical data in JSON format with name, value, and optional children arrays
chartTitle text No Title that will be displayed above the chart
colorScheme select No -
customColors textarea No JSON array of hex colors (requires Custom Colors selection)
valueFormat select No -
chartWidth number No Width of the chart in pixels (min: 400, max: 1200)
chartHeight number No Height of the chart in pixels (min: 300, max: 800)
startLevel number No Starting level to display (0 = root level)
maxDepth number No Maximum number of levels to display
labelSize number No Font size for labels in pixels (min: 8, max: 16)
paddingSize number No Spacing between rectangles in pixels (min: 0, max: 10)
borderRadius number No Corner radius for rectangles in pixels (min: 0, max: 8)
strokeWidth number No Border width for rectangles in pixels (min: 0, max: 3)
backgroundColor color No Background color for the chart container
strokeColor color No Border color for rectangles
showLabels checkbox No Display category names inside rectangles
showValues checkbox No Display values inside rectangles
showPercentages checkbox No Show percentages instead of absolute values
enableTooltip checkbox No Show detailed information on hover
chartOrientation select No -
hoverAnimation checkbox No Animate rectangles on hover

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-icicle-chart-generator": {
      "name": "icicle-chart-generator",
      "description": "Generate interactive icicle charts for hierarchical data visualization, perfect for displaying tree structures, file systems, and organizational hierarchies",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=icicle-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]