Добавить сервер
  1. Каталог MCP
  2. hustcc
  3. hustcc/mcp-echarts
hustcc/mcp-echarts

hustcc/mcp-echarts

от hustcc
MCP сервер для генерации диаграмм и визуализации данных на базе Apache ECharts. Поддерживает все опции ECharts, экспорт в png/svg/option и интеграцию с MinIO. Лёгкий и безопасный — всё генерируется локально. Идеально подходит разработчикам, работающим с ИИ-помощниками для быстрого создания интера...

MCP ECharts build npm Version smithery badge npm License Trust Score

Generate Apache ECharts with AI MCP dynamically for chart generation and data analysis. Also you can use mcp-server-chart to generate chart, graph, map.

mcp-echarts
award

✨ Features

  • Fully support all features and syntax of ECharts, include data, style, theme and so on.
  • Support exporting to png, svg, and option formats, with validation for ECharts to facilitate the model's multi-round output of correct syntax and graphics.
  • MinIO Integration, store charts in MinIO object storage and return URLs instead of Base64 data for better performance and sharing capabilities.
  • Lightweight, we can install it easily with zero dependence.
  • Extremely secure, fully generated locally, without relying on any remote services.

🤖 Usage

Prerequisites

  • Node.js 18 or higher is required.

Desktop Applications (stdio transport)

To use with Desktop APP, such as Claude, VSCode, Cline, Cherry Studio, and so on, add the MCP server config below. On Mac system:

{
  "mcpServers": {
    "mcp-echarts": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-echarts"
      ]
    }
  }
}
generate_area_chart

Создайте диаграмму с областями, чтобы показать тренды данных при непрерывных независимых переменных и отследить общую тенденцию, например, перемещение = скорость (средняя или мгновенная) × время: s = v × t. Если по оси X отложено время (t), а по оси Y — скорость (v) в каждый момент, диаграмма с областями позволяет наблюдать, как скорость меняется со временем, и определить пройденное расстояние по размеру области.

Создайте диаграмму с областями, чтобы показать тренды данных при непрерывных независимых переменных и отследить общую тенденцию, например, перемещение = скорость (средняя или мгновенная) × время: s = v × t. Если по оси X отложено время (t), а по оси Y — скорость (v) в каждый момент, диаграмма с областями позволяет наблюдать, как скорость меняется со временем, и определить пройденное расстояние по размеру области.

Параметры

  • axisXTitlestring

    Set the x-axis title of chart.

  • axisYTitlestring

    Set the y-axis title of chart.

  • dataobject[]обязательный

    Data for area chart, such as, [{ time: '2015', value: 23 }, { time: '2016', value: 32 }]. For multiple series: [{ group: 'Series A', time: '2015', value: 23 }, { group: 'Series B', time: '2015', value: 18 }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • showAreaboolean

    Whether to fill the area under the line. Default is false.

  • showSymbolboolean

    Whether to show symbols on data points. Default is true.

  • smoothboolean

    Whether to use a smooth curve. Default is false.

  • stackboolean

    Whether stacking is enabled. When enabled, line charts require a 'group' field in the data.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_bar_chart

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

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

Параметры

  • axisXTitlestring

    Set the x-axis title of chart.

  • axisYTitlestring

    Set the y-axis title of chart.

  • dataobject[]обязательный

    Data for bar chart, such as, [{ category: 'Category A', value: 10 }, { category: 'Category B', value: 20 }] or [{ category: 'Category A', value: 10, group: 'Group A' }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • groupboolean

    Whether grouping is enabled. When enabled, bar charts require a 'group' field in the data. When `group` is true, `stack` should be false.

  • stackboolean

    Whether stacking is enabled. When enabled, bar charts require a 'group' field in the data. When `stack` is true, `group` should be false.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_boxplot_chart

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

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

Параметры

  • axisXTitlestring

    Set the x-axis title of chart.

  • axisYTitlestring

    Set the y-axis title of chart.

  • dataobject[]обязательный

    Data for boxplot chart, such as, [{ category: 'Category A', value: 10 }, { category: 'Category B', value: 20, group: 'Group A' }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_candlestick_chart

Постройте свечной график для отображения финансовых данных — цен акций, криптовалют или других OHLC-данных (Open-High-Low-Close).

Постройте свечной график для отображения финансовых данных — цен акций, криптовалют или других OHLC-данных (Open-High-Low-Close).

Параметры

  • dataobject[]обязательный

    Data for candlestick chart, such as, [{ date: '2023-01-01', open: 100, high: 110, low: 95, close: 105, volume: 10000 }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • showVolumeboolean

    Whether to show volume chart below candlestick. Default is false.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_echarts

Создавайте визуальные диаграммы с помощью Apache ECharts, динамически используя параметры и конфигурацию echarts. Apache ECharts - это библиотека визуализации с открытым исходным кодом на JavaScript, которая используется для создания интерактивных диаграмм и визуализаций в веб-приложениях. Она поддерживает широкий спектр типов диаграмм, включая линейные, столбцовые, круговые, точечные и другие. ECharts очень гибко настраивается и может быть интегрирована с различными источниками данных для создания динамических визуализаций.

Создавайте визуальные диаграммы с помощью Apache ECharts, динамически используя параметры и конфигурацию echarts. Apache ECharts - это библиотека визуализации с открытым исходным кодом на JavaScript, которая используется для создания интерактивных диаграмм и визуализаций в веб-приложениях. Она поддерживает широкий спектр типов диаграмм, включая линейные, столбцовые, круговые, точечные и другие. ECharts очень гибко настраивается и может быть интегрирована с различными источниками данных для создания динамических визуализаций.

Параметры

  • echartsOptionstringобязательный

    ECharts option and configuration used to generate charts. For example: { "title": { "text": "ECharts Entry Example", "left": "center", "top": "2%" }, "tooltip": {}, "xAxis": { "data": ["shirt", "cardigan", "chiffon", "pants", "heels", "socks"] }, "yAxis": {}, "series": [{ "name": "Sales", "type": "bar", "data": [5, 20, 36, 10, 10, 20] }] } ATTENTION: A valid ECharts option must be a valid JSON string, and cannot be empty.

  • widthnumber

    The width of the ECharts in pixels. Default is 800.

  • heightnumber

    The height of the ECharts in pixels. Default is 600.

  • themeenum

    ECharts theme, optional. Default is 'default'.

    defaultdark
  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_funnel_chart

Чтобы построить воронкообразную диаграмму, визуализирующую сокращение данных на каждом этапе — например, конверсию от посещения сайта до завершения покупки — используй библиотеку `plotly` (Python). Ниже пример с типичными стадиями: визиты → регистрация → добавление в корзину → оформление заказа → покупка. ```python import plotly.express as px # Данные: этапы и количество пользователей на каждом stages = [ "Посетили сайт", # 1000 "Зарегистрировались", # 600 "Добавили в корзину", # 300 "Оформили заказ", # 120 "Совершили покупку" # 50 ] values = [1000, 600, 300, 120, 50] # Построение воронки fig = px.funnel( x=values, y=stages, title="Воронка конверсии: от визита до покупки", labels={"x": "Количество пользователей", "y": "Этап"} ) fig.show() ``` Если хочешь интерактивную воронку с процентами конверсии между этапами, используй `plotly.graph_objects`: ```python import plotly.graph_objects as go stages = ["Посетили сайт", "Зарегистрировались", "Добавили в корзину", "Оформили заказ", "Купили"] values = [1000, 600, 300, 120, 50] fig = go.Figure(go.Funnel( y=stages, x=values, textposition="inside", textinfo="value+percent initial" )) fig.update_layout(title="Воронка конверсии") fig.show() ``` Этот код выведет диаграмму, где ширина каждого блока пропорциональна количеству пользователей на этапе, а числа показывают абсолютные значения и процент от исходного числа. Запусти в любой среде с Python и установленным `plotly`.

Чтобы построить воронкообразную диаграмму, визуализирующую сокращение данных на каждом этапе — например, конверсию от посещения сайта до завершения покупки — используй библиотеку `plotly` (Python). Ниже пример с типичными стадиями: визиты → регистрация → добавление в корзину → оформление заказа → покупка. ```python import plotly.express as px # Данные: этапы и количество пользователей на каждом stages = [ "Посетили сайт", # 1000 "Зарегистрировались", # 600 "Добавили в корзину", # 300 "Оформили заказ", # 120 "Совершили покупку" # 50 ] values = [1000, 600, 300, 120, 50] # Построение воронки fig = px.funnel( x=values, y=stages, title="Воронка конверсии: от визита до покупки", labels={"x": "Количество пользователей", "y": "Этап"} ) fig.show() ``` Если хочешь интерактивную воронку с процентами конверсии между этапами, используй `plotly.graph_objects`: ```python import plotly.graph_objects as go stages = ["Посетили сайт", "Зарегистрировались", "Добавили в корзину", "Оформили заказ", "Купили"] values = [1000, 600, 300, 120, 50] fig = go.Figure(go.Funnel( y=stages, x=values, textposition="inside", textinfo="value+percent initial" )) fig.update_layout(title="Воронка конверсии") fig.show() ``` Этот код выведет диаграмму, где ширина каждого блока пропорциональна количеству пользователей на этапе, а числа показывают абсолютные значения и процент от исходного числа. Запусти в любой среде с Python и установленным `plotly`.

Параметры

  • dataobject[]обязательный

    Data for funnel chart, such as, [{ category: 'Browse Website', value: 50000 }, { category: 'Add to Cart', value: 35000 }, { category: 'Generate Order', value: 25000 }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_gauge_chart

Сгенерируйте диаграмму-спидометр для отображения текущего состояния одного показателя, например, загрузки ЦП, прогресса выполнения или оценки производительности.

Сгенерируйте диаграмму-спидометр для отображения текущего состояния одного показателя, например, загрузки ЦП, прогресса выполнения или оценки производительности.

Параметры

  • dataobject[]обязательный

    Data for gauge chart, such as, [{ name: 'CPU Usage', value: 75 }]. Multiple gauges can be displayed.

  • heightinteger

    Set the height of the chart, default is 600px.

  • maxnumber

    Maximum value of the gauge, default is 100.

  • minnumber

    Minimum value of the gauge, default is 0.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_graph_chart

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

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

Параметры

  • dataobjectобязательный

    Data for network graph chart, such as, { nodes: [{ id: 'node1', name: 'Node 1' }], edges: [{ source: 'node1', target: 'node2' }] }

  • heightinteger

    Set the height of the chart, default is 600px.

  • layoutenum

    Layout algorithm for the graph. Default is 'force'.

    forcecircularnone
  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_heatmap_chart

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

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

Параметры

  • axisXTitlestring

    Set the x-axis title of chart.

  • axisYTitlestring

    Set the y-axis title of chart.

  • dataobject[]обязательный

    Data for heatmap chart, such as, [{ x: 'Mon', y: '12AM', value: 5 }, { x: 'Tue', y: '1AM', value: 3 }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_line_chart

Постройте линейный график, который показывает, как менялось отношение продаж компьютеров Apple к её прибыли с 2000 по 2016 годы.

Постройте линейный график, который показывает, как менялось отношение продаж компьютеров Apple к её прибыли с 2000 по 2016 годы.

Параметры

  • axisXTitlestring

    Set the x-axis title of chart.

  • axisYTitlestring

    Set the y-axis title of chart.

  • dataobject[]обязательный

    Data for line chart, such as, [{ time: '2015', value: 23 }, { time: '2016', value: 32 }]. For multiple series: [{ group: 'Series A', time: '2015', value: 23 }, { group: 'Series B', time: '2015', value: 18 }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • showAreaboolean

    Whether to fill the area under the line. Default is false.

  • showSymbolboolean

    Whether to show symbols on data points. Default is true.

  • smoothboolean

    Whether to use a smooth curve. Default is false.

  • stackboolean

    Whether stacking is enabled. When enabled, line charts require a 'group' field in the data.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_parallel_chart

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

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

Параметры

  • dataobject[]обязательный

    Data for parallel chart, such as, [{ name: 'Product A', values: [4.2, 3.4, 2.3, 1.8] }].

  • dimensionsstring[]обязательный

    Names of the dimensions/axes, such as, ['Price', 'Quality', 'Service', 'Value'].

  • heightinteger

    Set the height of the chart, default is 600px.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_pie_chart

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

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

Параметры

  • dataobject[]обязательный

    Data for pie chart, such as, [{ category: 'Category A', value: 27 }, { category: 'Category B', value: 25 }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • innerRadiusnumber

    Set the innerRadius of pie chart, the value between 0 and 1. Set the pie chart as a donut chart. Set the value to 0.6 or number in [0 ,1] to enable it.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_radar_chart

Создайте лепестковую диаграмму для отображения многомерных данных (четыре и более измерений), например, оцените телефоны Huawei и Apple по пяти измерениям: удобство использования, функциональность, камера, результаты тестов и время работы от аккумулятора.

Создайте лепестковую диаграмму для отображения многомерных данных (четыре и более измерений), например, оцените телефоны Huawei и Apple по пяти измерениям: удобство использования, функциональность, камера, результаты тестов и время работы от аккумулятора.

Параметры

  • dataobject[]обязательный

    Data for radar chart, such as, [{ name: 'Design', value: 70 }, { name: 'Performance', value: 85 }] or [{ name: 'Design', value: 70, group: 'iPhone' }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_sankey_chart

Создайте Sankey-диаграмму для визуализации потока данных между разными этапами или категориями, например, путь пользователя от попадания на страницу до завершения покупки.

Создайте Sankey-диаграмму для визуализации потока данных между разными этапами или категориями, например, путь пользователя от попадания на страницу до завершения покупки.

Параметры

  • dataobject[]обязательный

    Data for sankey chart, such as, [{ source: 'Landing Page', target: 'Product Page', value: 50000 }, { source: 'Product Page', target: 'Add to Cart', value: 35000 }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • nodeAlignenum

    Alignment of nodes in the sankey chart, such as, 'left', 'right', or 'justify'.

    leftrightjustify
  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_scatter_chart

Создайте scatter chart (точечную диаграмму), чтобы показать взаимосвязь между двумя переменными, помогает выявить их связь или тренды, например, силу корреляции, шаблоны распределения данных.

Создайте scatter chart (точечную диаграмму), чтобы показать взаимосвязь между двумя переменными, помогает выявить их связь или тренды, например, силу корреляции, шаблоны распределения данных.

Параметры

  • axisXTitlestring

    Set the x-axis title of chart.

  • axisYTitlestring

    Set the y-axis title of chart.

  • dataobject[]обязательный

    Data for scatter chart, such as, [{ x: 10, y: 15 }, { x: 20, y: 25 }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_sunburst_chart

Постройте sunburst chart для отображения многоуровневых иерархических данных, например, организационной структуры, файловой иерархии или разбивки по категориям.

Постройте sunburst chart для отображения многоуровневых иерархических данных, например, организационной структуры, файловой иерархии или разбивки по категориям.

Параметры

  • dataobject[]обязательный

    Data for sunburst chart, such as, [{ name: 'Technology', value: 100, children: [{ name: 'Frontend', value: 60, children: [{ name: 'React', value: 30 }] }] }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_tree_chart

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

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

Параметры

  • dataobjectобязательный

    Tree data structure, such as, { name: 'Root', children: [{ name: 'Child 1' }, { name: 'Child 2' }] }.

  • heightinteger

    Set the height of the chart, default is 600px.

  • layoutenum

    Tree layout type. Default is 'orthogonal'.

    orthogonalradial
  • orientenum

    Tree orientation. LR=left-to-right, RL=right-to-left, TB=top-to-bottom, BT=bottom-to-top. Default is 'LR'.

    LRRLTBBT
  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption
generate_treemap_chart

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

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

Параметры

  • dataobject[]обязательный

    Data for treemap chart, such as, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }].

  • heightinteger

    Set the height of the chart, default is 600px.

  • themeenum

    Set the theme for the chart, optional, default is 'default'.

    defaultdark
  • titlestring

    Set the title of the chart.

  • widthinteger

    Set the width of the chart, default is 800px.

  • outputTypeenum

    The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.

    pngsvgoption

Другие проверенные MCP-сервера

integromat/make-mcp-server

integromat/make-mcp-server

официальный

MCP-сервер для интеграции Make с AI-ассистентами. Вызывает сценарии Make по требованию, передавая параметры и возвращая JSON-результаты. Помогает автоматизаторам расширить возможности AI за счёт Ma...

TypeScript⭐ 164
Google Analytics MCP

Google Analytics MCP

MCP сервер для Google Analytics: через Data API выполняет запросы к аккаунтам, отчётам и метрикам. Помогает маркетологам и аналитикам получать аналитику прямо в ИИ-ассистентах, без ручного сбора данных.

Python⭐ 2706
Perplexity MCP

Perplexity MCP

официальный

Официальный MCP-сервер Perplexity: веб-поиск, ответы на вопросы, ресёрч и рассуждения через модели Sonar и Search API.

TypeScript⭐ 2389
IvanMurzak/Unity-MCP

IvanMurzak/Unity-MCP

MCP сервер связывает AI-агентов с Unity, автоматизируя создание сцен, генерацию кода и отладку. Работает внутри собранной игры — для динамических NPC и дебага. Полезен геймдев-разработчикам.

C#⭐ 3597
executeautomation/playwright-mcp-server

executeautomation/playwright-mcp-server

Сервер для браузерной автоматизации на Playwright. Используется AI-агентами для открытия страниц, скриншотов, веб-скрапинга и выполнения JavaScript в реальном браузере. Отлично подходит для тестиро...

TypeScript⭐ 5578
jau123/MeiGen-AI-Design-MCP

jau123/MeiGen-AI-Design-MCP

MCP-сервер для генерации изображений и видео через ИИ. Работает в Claude Code, Cursor и других AI-инструментах, поддерживает 9 моделей и 1446 промптов. Параллельная генерация, управление стилями и ...

TypeScript⭐ 1584
© Каталог MCP, 2026. Все права защищены.
Проект не аффилирован с Anthropic и любыми упомянутыми продуктами.
Все названия и торговые марки принадлежат их владельцам.
Контакты для связи: hi@mcp-katalog.ru

Лука Никитин