KyuRish/mcp-dashboards

KyuRish/mcp-dashboards

от kyurish
MCP Dashboards превращает текстовые данные в интерактивные графики и дашборды прямо в диалоге с AI. Сервер включает 31 инструмент: от круговых диаграмм до геокарт и KPI-виджетов. Полезен аналитикам и менеджерам – визуализация без переключения контекста. Встроенные темы, экспорт в PNG, PPT, A4.

MCP Dashboards

Your AI can talk about data. Now it can show it.

npm Glama Quality Glama Security License: FSL-1.1-MIT Buy Me A Coffee GitHub Sponsors

MCP Dashboards demo
Infrastructure Command Center dashboard  Chart Catalog - 31 chart tools  Theme Catalog - 21 themes
Click any thumbnail to see full size

The problem

We use AI for everything - analysis, reports, strategy. But when it comes to actually seeing the story in your data, you're stuck copying numbers into a spreadsheet and building charts yourself. The conversation has the insight. The visualization is somewhere else.

The solution

MCP Dashboards renders interactive charts, dashboards, and KPI widgets directly inside your AI conversation. 31 chart tools covering 44+ chart subtypes (bar has stacked/drilldown, hero has 11 variants, etc.), 21 themes, 4 visual discovery catalogs, live polling, PNG/PPT/A4 export - all from a single MCP server. No browser tabs, no copy-paste, no context switching.

Quick Start

Claude Desktop

Add to your claude_desktop_config.json:

  • Windows: %APPDATA%\Claude\claude_desktop_config.json
  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "dashboard": {
      "command": "npx",
      "args": ["-y", "mcp-dashboards", "--stdio"]
    }
  }
}
Инструменты были проиндексированы:
delete_chart_files

Удаляет сохраненные файлы предпросмотра графиков (в системной временной папке). ТРЕБУЕТ явного указания пользователя для выполнения - удаляет файлы с диска и не может быть отменено. Необходимо указать хотя бы один из параметров: chartIds (идентификаторы конкретных файлов для удаления), olderThanDays (массовое удаление по возрасту) или all=true (удалить все файлы). Область действия жестко ограничена временной папкой mcp-dashboards; не может затрагивать ничего другого. Возвращает списки успешно удаленных файлов и ошибки для каждого файла (например, файлы, заблокированные открытым браузером).

Параметры
  • allboolean

    Explicit confirmation to delete ALL chart files in the temp folder. Defaults to false.

  • chartIdsstring[]

    Specific chart IDs to delete (12-char hex strings). Each must match /^[a-f0-9]{12}$/ or it is rejected.

  • olderThanDaysinteger

    Delete chart files older than N days (positive integer).

list_chart_filesтолько чтениеидемпотентный

Перечисляет все HTML-файлы предварительного просмотра диаграмм, сохранённые на диске (в системной временной папке). Эти файлы автоматически создаются каждый раз при рендеринге диаграммы и автоматически удаляются через 7 дней (настраивается через переменную окружения MCP_DASHBOARDS_RETAIN_DAYS). Возвращает метаданные файлов (id, имя, размер, возраст). Используйте это для аудита использования диска, затем вызовите delete_chart_files, чтобы удалить конкретные файлы или все сразу.

Параметры

Без параметров.

poll_httpтолько чтениевнешний мир

Извлекает JSON из HTTP-эндпоинта. Используется render_live_chart для опроса внешних API. Пресеты не настроены. Используйте "preset" для аутентифицированных API (учётные данные хранятся на сервере в переменных окружения, никогда не раскрываются). Используйте "url" только для публичных API, не требующих аутентификации. НИКОГДА не передавайте ключи API или токены в аргументе "headers" - вместо этого настройте пресет.

Параметры
  • bodystring

    Request body for POST requests

  • headersobject

    Extra HTTP headers (public APIs only - NEVER put API keys here)

  • methodenum

    HTTP method. Default: GET

  • presetstring

    Named preset that maps to a pre-configured URL + auth headers. No presets configured. Configure via env vars: POLL_PRESET_<NAME>URL and POLL_PRESET<NAME>_HEADERS (JSON object).

  • urlstring

    Direct URL to fetch (public APIs only - no auth needed)

render_bar_chartтолько чтениеидемпотентный

Отрисовывает интерактивную столбчатую диаграмму. Поддерживает вертикальное/горизонтальное, с накоплением, многорядное и клик для детализации (options.drilldown). Поддерживает темы для стилизованного оформления.

Столбчатая диаграмма

Параметры
  • datasetsobject[]обязательный

    One or more data series

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

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

    Category labels for the x-axis

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_boxplot_chartтолько чтениеидемпотентный

Рисует ящик с усами или скрипичную диаграмму - «Что такое распределение?» Показывает медиану, квартили, усы и выбросы. Передавайте массивы сырых чисел по категориям - статистика вычисляется автоматически. Используйте style='violin' для отображения плотности.

Boxplot / Violin

Параметры
  • datasetsobject[]обязательный

    One or more data series

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

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

    Category labels (e.g. ['Q1', 'Q2', 'Q3', 'Q4'])

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_bubble_mapтолько чтениеидемпотентный

Рендерит карту с пузырьками/пинами - круги заданного размера по географическим координатам. Передаёт массив точек { label, latitude, longitude, value }. Отлично подходит для отображения данных на уровне городов, расположения офисов, плотности событий и т.д.

Bubble Map

Параметры
  • bubbleColorstring

    Bubble fill color. Default: theme accent

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

    Array of geographic data points

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

  • projectionenum

    Map projection. Default: naturalEarth1

  • showOutlineboolean

    Show country outlines. Default: true

  • sizeRangeany[]

    Min and max bubble radius in pixels. Default: [3, 25]

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_bullet_chartтолько чтениеидемпотентный

Строит пулевые диаграммы - 'Are we hitting target?' Горизонтальные столбцы с качественными зонами и маркером цели. Поддерживает от 2 до 8 зон с опциональными метками и цветами. Отлично подходит для KPI vs target, seniority bands, maturity models.

Маркерная диаграмма

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

    Array of bullet items

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

  • zoneColorsstring[]

    Custom colors per zone band. Defaults to red-to-green gradient

  • zoneLabelsstring[]

    Labels for each zone band. Length should be zones+1 (e.g., 5 thresholds = 6 labels)

render_candlestick_chartтолько чтениеидемпотентный

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

Свечной график

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

    Array of {date, o, h, l, c} OHLC data points

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_catalogтолько чтениеидемпотентный

Главная точка входа, чтобы узнать всё, что умеет mcp-dashboards. Каждая плитка - это живое визуальное превью одного аспекта настройки: настоящая столбчатая диаграмма для charts, круговая диаграмма для themes, кольцо прогресса для hero variants, неоновая светящаяся карточка для effects. Нажмите на любую плитку, затем нажмите Ask, и ИИ направит к соответствующему инструменту подкаталога (render_chart_catalog, render_theme_catalog, render_hero_catalog, render_effects_catalog).

Главный каталог

Параметры
  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

render_chart_catalogтолько чтениеидемпотентный

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

Каталог чартов

Параметры
  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

render_dashboardтолько чтениеидемпотентный

Отображает полную панель мониторинга с KPI-карточками, графиками и опциональной главной метрикой в адаптивной сетке. Доступные темы: boardroom (инвесторы, презентации для совета директоров), corporate (корпоративное ежедневное использование), sales-floor (отслеживание квот, таблицы лидеров), golden-treasury (богатство, элитная недвижимость), clinical (здравоохранение, комплаенс — WCAG AAA), startup (SaaS-метрики, демо для YC), ops-control (DevOps, производство), tokyo-midnight (крипто, трейдинг, игры), zen-garden (благополучие, устойчивое развитие), consultant (агентские отчёты, презентации), office-red (корпоративный отчётный стиль, эстетика Word/PowerPoint). Комбинируйте: палитра, типографика и эффекты настраиваются независимо.

Панель управления

Параметры
  • chartsobject[]обязательный

    Array of charts to display in the grid

  • columnsinteger

    Number of grid columns (1-4). Default: auto-fill based on available width

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • footerobject

    Footer bar with text and/or timestamp

  • heroobject | object[]

    Hero metric(s) - single object or array for multi-hero row

  • kpisobject[]

    KPI cards at the top. Include sparkline[] with 5-20 trend values whenever a metric has a % change - this adds an inline mini chart to the card

  • layoutenum

    Layout variant: default (hero above KPIs), hero-center (hero prominent), kpi-top (KPIs first)

  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Dashboard title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_dumbbell_chartтолько чтениеидемпотентный

Визуализирует диаграмму-гантель: 'How big is the gap?' Точки «до/после», соединенные полосой. Поддерживает метки шкалы и фоновые зоны для контекста абсолютного позиционирования.

Гантельная диаграмма

Параметры
  • afterLabelstring

    Label for 'after' column (default: After)

  • beforeLabelstring

    Label for 'before' column (default: Before)

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

    Array of {label, before, after} items

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

  • scaleLabelsobject

    Labels at scale positions, e.g. {'40': 'Engineer', '65': 'Sr. Engineer'}

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

  • unitstring

    Unit suffix

  • zoneColorsstring[]

    Custom colors per zone band

  • zoneLabelsstring[]

    Labels for each zone band

  • zonesnumber[]

    Background zone thresholds (same as bullet chart zones)

render_effects_catalogтолько чтениеидемпотентный

Показывает визуальный каталог всех 5 пресетов эффектов: none, subtle, shimmer, neon, energetic. Каждая карточка показывает превью эффекта и перечисляет входящие в него базовые обработки. Нажмите на любую карточку, чтобы использовать этот эффект. Для главной точки входа, охватывающей все настройки, смотрите render_catalog.

Effects Catalog

Параметры

Без параметров.

render_flowchartтолько чтениеидемпотентный

Отрисовывает интерактивную блок-схему или диаграмму. ИСПОЛЬЗУЙ ЭТО всякий раз, когда пользователь хочет визуализировать поток или структуру: рабочий процесс, конвейер данных / ETL, системную или программную архитектуру, дизайн мультиагента или LLM-агента, дерево решений, карту процессов, оргсхему или автомат состояний. Узлы — это насыщенные карточки (6 видов: агент / инструмент / решение / данные / вход / выход) с чипом типа, названием и до 3 строками свойств (например, модель, токены, задержка); передай icon для собственного значка. Связи поддерживают 5 типов (запрос / ответ / асинхронный / поток / ошибка) с разными стилями. Автоматическая раскладка Dagre (DAG); перетаскиваемые, масштабируемые, с панорамированием, со списком узлов, миникартой и покадровым воспроизведением. Состояния (в очереди / выполняется / выполнено / ошибка / пропущено) анимируются на месте: установи pollTool + statusPath для обновлений в реальном времени или передай последовательность steps из {nodeId: status} для ручного воспроизведения. НЕ задавай координаты x/y для позиционирования узлов вручную — опусти их, и dagre чисто выстроит граф автоматически. Передавай x/y, только если они были возвращены тебе из предыдущей отрисовки (сохранённая перетаскиванием раскладка пользователя), и только в виде полного набора, покрывающего каждый узел; частичный набор игнорируется во избежание перекрытий. Это инструмент на весь холст, а не плитка дашборда - для многодиаграммных компоновок используй render_dashboard.

Блок-схема

Параметры
  • directionenum

    Layout direction. TB (top-bottom, default) or LR (left-right)

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

    Edges between nodes (form a DAG)

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • interactiveboolean

    Allow drag-to-reposition nodes. Default: true

  • intervalnumber

    Poll interval in seconds. Default: 2

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

    Nodes in the flow

  • palettestring

    Override palette only (mix-and-match)

  • pollArgsobject

    Arguments to pass to pollTool

  • pollToolstring

    Optional: name of an MCP tool to poll for live status updates (use 'poll_http' with a preset for external APIs)

  • statusPathstring

    Dot-path to a {nodeId: status} map in the poll result (e.g. 'states' or 'agents.statuses'). If omitted, the result itself is treated as the map.

  • stepsobject[]

    Optional playback sequence: an ordered array of {nodeId: status} snapshots. The user can step/play through them with the playback control. If omitted, a progressive reveal is derived from the graph topology.

  • subtitlestring

    Optional subtitle

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_from_jsonтолько чтениеидемпотентный

Автоматически определяет наилучший тип диаграммы для произвольных JSON-данных. Принимает любые JSON-данные - массивы, объекты, вложенные структуры - и возвращает наиболее подходящую визуализацию.

Auto Chart

Параметры
  • dataanyобязательный

    Any JSON data - arrays, objects, key-value pairs, nested structures

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

    Chart title

render_from_urlтолько чтениевнешний мир

Извлекает JSON-данные из URL и автоматически визуализирует их. Сервер получает данные, определяет наилучший тип диаграммы и отображает её интерактивно.

Преобразует URL в диаграмму.

Параметры
  • optionsobject
  • titlestringобязательный

    Chart title

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

    URL that returns JSON data

render_funnel_chartтолько чтениеидемпотентный

Отрисовывает воронкообразную диаграмму - 'Где мы теряем людей?' Столбцы с пропорциональной шириной, показывающие этапы конверсии, с опциональными процентами конверсии между этапами.

Воронкообразная диаграмма

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

    Array of funnel stages (top to bottom)

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

  • showConversionboolean

    Show conversion % between stages (default: true)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_geo_chartтолько чтениеидемпотентный

Отображает хороплетную карту мира - «Где сконцентрированы значения?». Раскрашивает страны по числовому значению. Передаёт данные как { countryCode: value }, используя коды ISO 3166-1 alpha-2 (US, DE, IN, GB и т.д.).

Geo Map

Параметры
  • colorScalestring

    Color scale: blue (default), green, red, heat, purple, orange

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

    Country values as { alpha2Code: number }. e.g. { 'US': 100, 'DE': 50, 'IN': 75 }

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • missingColorstring

    Hex color for countries without data. Default: theme border color

  • palettestring

    Override palette only (mix-and-match)

  • projectionenum

    Map projection. Default: naturalEarth1

  • showLegendboolean

    Show color scale legend. Default: true

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_heatmap_chartтолько чтениеидемпотентный

Отрисовывает тепловую карту - 'Когда закономерности наиболее сильны?' Сетка с цветовой кодировкой значений по строкам и столбцам. Поддерживает цветовые шкалы: default (синий-фиолетовый-оранжевый), красный-зеленый, синий, тепловая.

Тепловая карта

Параметры
  • colorScalestring

    Color scale: default, red-green, blue, heat

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

    Column labels

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

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

    Row labels

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

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

    2D array of values [row][column]

render_hero_catalogтолько чтениеидемпотентный

Показывает все 11 вариантов метрик на одной панели - big_number, progress_ring, status, comparison, rank, countdown, threshold, breakdown, nps, orb, gem. Каждая карточка - рабочий предпросмотр с примерами данных. Нажмите на любую карточку, чтобы узнать об этом варианте.

Каталог вариантов героев

Параметры
  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

render_hero_metricтолько чтениеидемпотентный

Отображает целевой виджет главной метрики. Выберите вариант, который отвечает на ваш вопрос: - big_number: «Сколько? В какую сторону?» Стандартная главная метрика — чистая, профессиональная, работает в любом контексте. Крупное значение + стрелка тренда + опциональный спарклайн. Параметры: value, unit, change, changePeriod, sparkline[] - progress_ring: «Насколько близко к цели?» Анимированное кольцо или полуприбор. Параметры: value, unit, label, progress (0–100), style ('ring'|'gauge'), size, color - status: «Хорошо или плохо?» Пульсирующая точка + значки подсистем. Параметры: label, statusLevel ('good'|'warn'|'bad'), subsystems[{name,status}], count, peak - comparison: «Как мы сравниваемся?» До/после + улучшение. Параметры: before, after, improvement, beforeLabel, afterLabel - rank: «Где я нахожусь?» Значок + процентиль. Параметры: rank, total, percentile, rankChange - countdown: «Сколько осталось?» Блоки со значениями времени. Параметры: segments[{value,label}] ИЛИ deadline (ISO-дата) - threshold: «Выше или ниже предела?» Градиентная шкала + маркер. Параметры: value, max, threshold, unit, zones[{label,from,to,color}] - breakdown: «Как распределяется?» Стековая диаграмма + легенда. Параметры: items[{label,value,color?}] - nps: «Насколько удовлетворены?» Оценка + шкала рейтинга. Параметры: value, max (по умолчанию 100), rating ('good'|'neutral'|'bad') - orb: «Какой заголовок?» Эффектная светящаяся сфера. Используйте золотую сферу для резюме/портфолио. Для технических встреч используйте только чёрные, белые или кристальные сферы как тонкий акцент. Лучше всего с тёмными темами (tokyo-midnight, ops-control, startup). Избегайте для формальных контекстов (boardroom, clinical, consultant). Параметры: value, unit, label, color - gem: «Премиальная метрика-самоцвет» Гранёный/сферический камень — ТОЛЬКО для сфер богатства, финтеха, трейдинга, криптовалют, люкса. Лучше всего с темами golden-treasury, tokyo-midnight. НЕ используйте для корпоративных, клинических, консультационных или советов директоров — используйте big_number. Параметры: value, unit, label, gemType. gemTypes: crystal='Future' (прогнозы, проекции) | black_pearl='Rare find' (альтернативные инвестиции, крипта) |…

Ключевая метрика

Параметры
  • afterstring | number

    After value

  • afterLabelstring

    After column label

  • beforestring | number

    Before value

  • beforeLabelstring

    Before column label

  • changenumber

    Percentage change

  • changePeriodstring

    Period label for change (e.g. 'vs last month')

  • colorstring

    Override accent color (hex)

  • countnumber

    Live count

  • deadlinestring

    ISO deadline date

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • gemTypeenum

    Gem type for variant=gem: diamond, ruby, sapphire, emerald, golden_pearl, white_pearl, black_pearl, crystal

  • improvementstring | number

    Improvement label

  • itemsobject[]

    Breakdown items

  • labelstring

    Sub-label

  • maxnumber

    Maximum value for threshold/nps

  • palettestring

    Override palette only (mix-and-match)

  • peaknumber

    Peak count

  • percentilenumber

    Percentile

  • progressnumber

    Ring fill 0-100

  • ranknumber

    Current rank

  • rankChangenumber

    Positions moved

  • ratingenum

    NPS rating override

  • segmentsobject[]

    Time segments

  • sizeenum

    Size: sm/md/lg/xl

  • sparklinenumber[]

    Mini bar sparkline data

  • statusLevelenum

    Status level

  • styleenum

    progress_ring style

  • subsystemsobject[]

    Subsystem badges

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

  • thresholdnumber

    Threshold limit line

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

    Chart title

  • totalnumber

    Total in ranking

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

  • unitstring

    Unit label (e.g. 'grams', '%', 'USD')

  • valuestring | number

    Main metric value

  • variantenum

    Widget variant (default: big_number)

  • zonesobject[]

    Color zones

render_line_chartтолько чтениеидемпотентный

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

Линейный график

Параметры
  • datasetsobject[]обязательный

    One or more data series

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

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

    X-axis labels (e.g. dates, categories)

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_live_chartтолько чтениеидемпотентный

Отображает линейный график с автообновлением в реальном времени, который опрашивает инструмент через равные промежутки времени. Используется, когда пользователь хочет МОНИТОРИТЬ источник данных в реальном времени. Устанавливает pollTool в 'poll_http' с pollArgs, содержащими предустановку или URL для опроса внешних API (включая данные других MCP-серверов). График автоматически обновляется — никаких действий от пользователя не требуется.

Live Chart

Параметры
  • colorsstring[]

    Custom color palette as hex codes (e.g. ['#FF6384', '#36A2EB']). Uses default palette if omitted.

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • intervalnumber

    Poll interval in seconds. Default: 2

  • maxPointsnumber

    Rolling window size. Default: 30

  • palettestring

    Override palette only (mix-and-match)

  • pollArgsobject

    Arguments to pass to the polled tool

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

    Name of the MCP tool to call on each poll (e.g. 'get_system_metrics')

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

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

    One or more numeric values to track per poll

  • yLabelstring

    Y-axis label

  • yMaxnumber

    Y-axis maximum (e.g. 100 for percentages)

  • yMinnumber

    Y-axis minimum

render_lollipop_chartтолько чтениеидемпотентный

Строит леденцовую диаграмму - 'Как сравниваются сегменты?' Горизонтальные линии с точками на значении. Поддерживает опциональные целевые маркеры для бенчмаркинга. Простая альтернатива столбчатым диаграммам для ранжированных данных.

Диаграмма-леденец

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

    Array of {label, value} items

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_pie_chartтолько чтениеидемпотентный

Строит интерактивную круговую или кольцевую диаграмму из данных вида ключ-значение. Принимает массив пар {label, value}. Поддерживает темы для стилизованного оформления.

Круговая диаграмма

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

    Array of {label, value} pairs

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_radar_chartтолько чтениеидемпотентный

Строит радарную (лепестковую/паутинную) диаграмму - 'Как элементы сравниваются по нескольким измерениям?' Отлично подходит для профилей навыков, сравнения продуктов, конкурентного анализа.

Радарная диаграмма

Параметры
  • datasetsobject[]обязательный

    One or more data series to compare

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

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

    Axis labels around the perimeter (e.g. Speed, Cost, UX)

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_radial_clusterтолько чтениеидемпотентный

Отображает радиальный кластер - 'Multi-metric health check?' Несколько маленьких кольцевых индикаторов, показывающих процентные метрики с цветами статуса. Необязательное сообщение тревоги.

Radial Cluster

Параметры
  • alertstring

    Alert message below rings

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

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

    Array of ring metrics

  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_sankey_chartтолько чтениеидемпотентный

Отрисовывает диаграмму потоков Sankey - 'Куда это идёт?' Показывает потоки между узлами, ширина которых пропорциональна значению. Отлично подходит для бюджетных потоков, пользовательских путей, передачи энергии, воронок конверсии с множеством путей.

Диаграмма Sankey

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

    Array of flows between nodes

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_scatter_chartтолько чтениеидемпотентный

Отрисовывает интерактивную точечную диаграмму с координатами x/y. Поддерживает несколько рядов данных и опциональные соединительные линии. Поддерживает темы для стилизованного отображения.

Точечная диаграмма

Параметры
  • datasetsobject[]обязательный

    One or more data series with {x, y} points

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_slope_chartтолько чтениеидемпотентный

Отрисовывает слайп-чарт - «Как изменились рейтинги?» - SVG линии, соединяющие два временных периода и показывающие изменения относительных позиций.

График наклона

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

    Array of {label, start, end} items

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

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

    Label for end period (e.g. '2025')

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

    Label for start period (e.g. '2024')

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_sparkline_chartтолько чтениеидемпотентный

Отдельная сетка карточек со спарклайнами. Для более чистого интегрированного вида используйте вместо неё карточки KPI с sparkline[] внутри render_dashboard.

Спарклайн-карточки

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

    Array of sparkline card items

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_tableтолько чтениеидемпотентный

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

Таблица данных

Параметры
  • columnsstring[]обязательный

    Column names in display order

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

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

    Array of row objects. Keys must match column names.

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Table title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_theme_catalogтолько чтениеидемпотентный

Покажите визуальный каталог всех 21 доступных тем. Каждая карточка показывает цвета, типографику и эффекты темы. Нажмите на любую карточку, чтобы использовать эту тему. Для получения главной точки входа, охватывающей все аспекты настройки, обратитесь к render_catalog.

Каталог тем

Параметры

Без параметров.

render_timeline_chartтолько чтениеидемпотентный

Отображает временную шкалу — "Где мы в процессе?" Точки прогресса на дорожке с цветами статусов (выполнено, активно, ожидает, заблокировано). Отлично подходит для вех проекта. Используйте горизонтальную для ≤8 элементов (лучше для слайдов), вертикальную для длинных списков.

Timeline

Параметры
  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

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

    Array of milestone items

  • orientationenum

    Layout direction (default: vertical). Horizontal works best with ≤8 milestones.

  • palettestring

    Override palette only (mix-and-match)

  • subtitlestring

    Subtitle text

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_treemap_chartтолько чтениеидемпотентный

Рендерит древовидную карту — «Что занимает больше всего места?» Вложенные прямоугольники, размер которых зависит от значения. Поддерживает необязательную группировку для иерархических данных (например, регион > страна). Отлично подходит для разбивки бюджета, использования диска, распределения портфеля.

Древовидная карта

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

    Array of items to display

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_variance_chartтолько чтениеидемпотентный

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

График отклонений

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

    Array of {label, budget, actual} items

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

  • unitstring

    Unit suffix (e.g. '$', 'k')

render_waffle_chartтолько чтениеидемпотентный

Отображает вафельную диаграмму - 'What is the composition?' - сетку 10x10 из цветных квадратов, показывающую пропорциональный состав. Значения должны в сумме давать 100.

Вафельная диаграмма

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

    Array of {label, value} composition items

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

render_waterfall_chartтолько чтениеидемпотентный

Отображает водопадную диаграмму — 'What drove the change?' Каскадные столбцы показывают, как отдельные элементы складываются или вычитаются, чтобы достичь общего значения. Автоматически определяет сложение/вычитание/общее, если тип не указан.

Каскадная диаграмма

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

    Array of waterfall items

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

  • unitstring

    Unit suffix (e.g. '$', 'k')

render_wordcloud_chartтолько чтениеидемпотентный

Строит облако слов - 'Каковы доминирующие темы?' Слова масштабируются по частоте или важности. Отлично подходит для ответов на опросы, анализа ключевых слов, частоты тем.

Облако слов

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

    Array of words with values

  • effectsstring

    Override effects: none, subtle, shimmer, neon, energetic

  • optionsobject
  • palettestring

    Override palette only (mix-and-match)

  • themestring

    Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot, office-red

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

    Chart title

  • typographystring

    Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno

save_fileидемпотентный

Сохраняет экспорт графика (PNG или CSV) в папку «Загрузки» пользователя. Только в приложении — вызывается кнопками «Скачать» в представлении графика, а не ИИ.

Сохраняет файл.

Параметры
  • datastringобязательный

    File contents: base64-encoded binary or plain text

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

    How data is encoded

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

    Filename with extension (.png or .csv only)

Похожие MCP-сервера

hustcc/mcp-mermaid

hustcc/mcp-mermaid

MCP сервер динамически генерирует диаграммы Mermaid через AI. Полезен для интеграции с ИИ-агентами: поддерживает экспорт в SVG, PNG, base64, настройку фона и темы. Работает через SSE и Streamable.

TypeScript634
antv/mcp-server-chart

antv/mcp-server-chart

официальный

MCP-сервер на базе AntV, который через инструменты модели создаёт более 26 видов графиков и карт. Интегрируется с Claude, VSCode и другими AI-клиентами, полезен для визуализации данных и анализа пр...

TypeScript4360
nteract/semiotic

nteract/semiotic

Semiotic — React-библиотека визуализации данных со встроенным MCP-сервером. AI-ассистенты могут рендерить графики, проверять конфигурации и получать рекомендации по чартам. Сотни типов диаграмм — о...

TypeScript2705
alilxxey/openobserve-community-mcp

alilxxey/openobserve-community-mcp

MCP сервер для OpenObserve Community Edition в режиме read-only через stdio и REST API. Выполняет поиск логов, просмотр схем потоков и дашбордов. Интегрируется с Claude и Codex для анализа данных OpenObserve без права записи.

Python16
isaacwasserman/mcp-vegalite-server

isaacwasserman/mcp-vegalite-server

MCP-сервер для визуализации данных: через LLM можно сохранять таблицы и строить графики на Vega-Lite. Полезен аналитикам и разработчикам, автоматизирующим построение визуализаций.

Python100
jinzcdev/markmap-mcp-server

jinzcdev/markmap-mcp-server

Сервер Markmap MCP преобразует Markdown в интерактивные mind map с экспортом в PNG, JPG и SVG. Помогает визуализировать конспекты и структурировать заметки разработчикам и авторам.

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

Лука Никитин