Elysia Tools Docs
RU
Язык
ZHESPTRUFRDEEN
На сайт
Обзор инструментов

Data Visualization

Генератор Ледяных Диаграмм

Создавать интерактивные ледяные диаграммы для иерархической визуализации данных, идеально подходящие для отображения древовидных структур, файловых систем и организационных иерархий

html· HTML-результатОткрыть инструмент

Быстрый старт

Вызовите этот инструмент из своего кода на трёх языках.

cURL
curl -X POST 'https://api.elysiatools.com/ru/api/tools/icicle-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n{\n  "name": "Root",\n  "value": 100,\n  "children": [\n    {\n      "name": "Branch A",\n      "value": 60,\n      "children": [\n        {"name": "Leaf A1", "value": 30},\n        {"name": "Leaf A2", "value": 30}\n      ]\n    }\n  ]\n}","chartTitle":"Введите заголовок диаграммы...","colorScheme":"ocean","customColors":"[\"#FF6B6B\", \"#4ECDC4\", \"#45B7D1\", \"#96CEB4\"]","valueFormat":"number","chartWidth":"600","chartHeight":"500","startLevel":"0","maxDepth":"3","labelSize":"12","paddingSize":"2","borderRadius":"4","strokeWidth":"1","backgroundColor":"#ffffff","strokeColor":"#ffffff","showLabels":true,"showValues":true,"showPercentages":false,"enableTooltip":true,"chartOrientation":"horizontal","hoverAnimation":true}'

© 2026 Elysia Tools. Документация для разработчиков.

На сайтОбзор инструментов

Справочник API

Отправьте POST-запрос с входными данными в JSON. Параметры типа «файл» требуют предварительной загрузки.

Endpoint

HTTP
POST https://api.elysiatools.com/ru/api/tools/icicle-chart-generator

Параметры

ИмяТипОбязательныйОписание
chartDatatextareaДаИерархические данные в формате JSON с полями имя, значение и необязательные массивы дочерних элементов
chartTitletextНетЗаголовок, который будет отображаться над диаграммой
colorSchemeselectНет—
customColorstextareaНетМассив JSON шестнадцатеричных цветов (требует выбора пользовательских цветов)
valueFormatselectНет—
chartWidthnumberНетШирина диаграммы в пикселях (мин: 400, макс: 1200)
chartHeightnumberНетВысота диаграммы в пикселях (мин: 300, макс: 800)
startLevelnumberНетНачальный уровень для отображения (0 = корневой уровень)
maxDepthnumberНетМаксимальное количество уровней для отображения
labelSizenumberНетРазмер шрифта для меток в пикселях (мин: 8, макс: 16)
paddingSizenumberНетРасстояние между прямоугольниками в пикселях (мин: 0, макс: 10)
borderRadiusnumberНетРадиус угла для прямоугольников в пикселях (мин: 0, макс: 8)
strokeWidthnumberНетШирина границы для прямоугольников в пикселях (мин: 0, макс: 3)
backgroundColorcolorНетЦвет фона для контейнера диаграммы
strokeColorcolorНетЦвет границы для прямоугольников
showLabelscheckboxНетОтображать имена категорий внутри прямоугольников
showValuescheckboxНетОтображать значения внутри прямоугольников
showPercentagescheckboxНетПоказывать проценты вместо абсолютных значений
enableTooltipcheckboxНетПоказывать подробную информацию при наведении
chartOrientationselectНет—
hoverAnimationcheckboxНетАнимировать прямоугольники при наведении

Формат ответа

HTML-результат

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Интеграция MCP

Добавьте этот инструмент на свой сервер Model Context Protocol, чтобы ИИ-агенты могли перечислять и вызывать его.

Конфигурация сервера

Добавьте этот блок в конфигурацию вашего MCP-клиента:

mcp.json
{
  "mcpServers": {
    "elysiatools-icicle-chart-generator": {
      "name": "icicle-chart-generator",
      "description": "Создавать интерактивные ледяные диаграммы для иерархической визуализации данных, идеально подходящие для отображения древовидных структур, файловых систем и организационных иерархий",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=icicle-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Получить список инструментов

После подключения к SSE-endpoint выведите список доступных инструментов:

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Вызвать этот инструмент

Вызовите инструмент по его id; аргументы формируются из его параметров:

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "icicle-chart-generator",
    "arguments": {
  "chartData": "JSON format:\n{\n  &quot;name&quot;: &quot;Root&quot;,\n  &quot;value&quot;: 100,\n  &quot;children&quot;: [\n    {\n      &quot;name&quot;: &quot;Branch A&quot;,\n      &quot;value&quot;: 60,\n      &quot;children&quot;: [\n        {&quot;name&quot;: &quot;Leaf A1&quot;, &quot;value&quot;: 30},\n        {&quot;name&quot;: &quot;Leaf A2&quot;, &quot;value&quot;: 30}\n      ]\n    }\n  ]\n}",
  "chartTitle": "Введите заголовок диаграммы...",
  "colorScheme": "ocean",
  "customColors": "[\"#FF6B6B\", \"#4ECDC4\", \"#45B7D1\", \"#96CEB4\"]",
  "valueFormat": "number",
  "chartWidth": "600",
  "chartHeight": "500",
  "startLevel": "0",
  "maxDepth": "3",
  "labelSize": "12",
  "paddingSize": "2",
  "borderRadius": "4",
  "strokeWidth": "1",
  "backgroundColor": "#ffffff",
  "strokeColor": "#ffffff",
  "showLabels": true,
  "showValues": true,
  "showPercentages": false,
  "enableTooltip": true,
  "chartOrientation": "horizontal",
  "hoverAnimation": true
}
  }
}
Объединяйте несколько инструментов в одной сессии списком toolId через запятую, напр. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (макс. 20).

Вопросы или проблемы? Свяжитесь с [email protected]

Обзор инструментов
Открыть инструмент