Data Visualization
Создавайте пиктограммы с использованием иконок/символов для представления количеств с настраиваемыми иконками, цветами и компоновкой
Вызовите этот инструмент из своего кода на трёх языках.
curl -X POST 'https://api.elysiatools.com/ru/api/tools/pictograph-generator' \
-H 'Content-Type: application/json' \
-d '{"chartTitle":"Введите заголовок графика...","dataItems":"JSON format example:\n[{"label": "Product A Sales", "value": 25, "color": "#3b82f6"},\n{"label": "Product B Sales", "value": 40, "color": "#ef4444"},\n{"label": "Product C Sales", "value": 15, "color": "#10b981"}]","iconType":"person","customIcon":"🎯","iconValue":"1","iconSize":"30","iconSpacing":"5","maxIconsPerRow":"10","layout":"flex","orientation":"left","customColor":"#3b82f6","backgroundColor":"#ffffff","borderColor":"#transparent","borderWidth":"0","fontSize":"14","titleSize":"24","fontWeight":"normal","titleWeight":"bold","titleColor":"#333333","showValues":true,"showLabels":true,"showLegend":true,"animationEnabled":true,"roundedCorners":false}'Отправьте POST-запрос с входными данными в JSON. Параметры типа «файл» требуют предварительной загрузки.
POST https://api.elysiatools.com/ru/api/tools/pictograph-generator| Имя | Тип | Обязательный | Описание |
|---|---|---|---|
| chartTitle | text | Нет | Заголовок, который будет отображаться над пиктограммой |
| dataItems | textarea | Да | Элементы данных как массив JSON со свойствами метки, значения и необязательного цвета |
| iconType | select | Да | — |
| customIcon | text | Нет | Пользовательский эмодзи иконки, когда выбрана "Пользовательская Иконка" |
| iconValue | number | Да | Значение, представленное каждой иконкой |
| iconSize | number | Нет | Размер каждой иконки в пикселях |
| iconSpacing | number | Нет | Расстояние между иконками в пикселях |
| maxIconsPerRow | number | Нет | Максимальное количество иконок в строке (0 = неограничено) |
| layout | select | Нет | — |
| orientation | select | Нет | — |
| customColor | color | Нет | Цвет по умолчанию для иконок (может быть переопределен цветами отдельных элементов) |
| backgroundColor | color | Нет | Цвет фона для графика |
| borderColor | color | Нет | Цвет границы для иконок |
| borderWidth | number | Нет | Ширина границы в пикселях |
| fontSize | number | Нет | Размер шрифта для меток и значений |
| titleSize | number | Нет | Размер шрифта для заголовка графика |
| fontWeight | select | Нет | — |
| titleWeight | select | Нет | — |
| titleColor | color | Нет | Цвет для заголовка графика |
| showValues | checkbox | Нет | Отображать числовые значения рядом с метками |
| showLabels | checkbox | Нет | Отображать метки категорий |
| showLegend | checkbox | Нет | Отображать легенду, показывающую значение иконки |
| animationEnabled | checkbox | Нет | Анимировать иконки при загрузке |
| roundedCorners | checkbox | Нет | Применить скругленные углы к иконкам |
HTML-результат
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Добавьте этот инструмент на свой сервер Model Context Protocol, чтобы ИИ-агенты могли перечислять и вызывать его.
Добавьте этот блок в конфигурацию вашего MCP-клиента:
{
"mcpServers": {
"elysiatools-pictograph-generator": {
"name": "pictograph-generator",
"description": "Создавайте пиктограммы с использованием иконок/символов для представления количеств с настраиваемыми иконками, цветами и компоновкой",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=pictograph-generator",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}После подключения к SSE-endpoint выведите список доступных инструментов:
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Вызовите инструмент по его id; аргументы формируются из его параметров:
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "pictograph-generator",
"arguments": {
"chartTitle": "Введите заголовок графика...",
"dataItems": "JSON format example:\n[{"label": "Product A Sales", "value": 25, "color": "#3b82f6"},\n{"label": "Product B Sales", "value": 40, "color": "#ef4444"},\n{"label": "Product C Sales", "value": 15, "color": "#10b981"}]",
"iconType": "person",
"customIcon": "🎯",
"iconValue": "1",
"iconSize": "30",
"iconSpacing": "5",
"maxIconsPerRow": "10",
"layout": "flex",
"orientation": "left",
"customColor": "#3b82f6",
"backgroundColor": "#ffffff",
"borderColor": "#transparent",
"borderWidth": "0",
"fontSize": "14",
"titleSize": "24",
"fontWeight": "normal",
"titleWeight": "bold",
"titleColor": "#333333",
"showValues": true,
"showLabels": true,
"showLegend": true,
"animationEnabled": true,
"roundedCorners": false
}
}
}Вопросы или проблемы? Свяжитесь с [email protected]