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 LinkedIn

MCP Dashboards demo
Infrastructure Command Center dashboard  Chart Catalog - 32 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. 32 chart tools covering 45+ chart subtypes (bar has stacked/drilldown, hero has 11 variants, flowchart has 6 node kinds + 5 edge styles, 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.

Works in

Client Interactive in-chat rendering How
Claude Desktop Yes (MCP Apps) stdio config below
claude.ai (web) Yes (MCP Apps) remote connector
ChatGPT Yes (MCP Apps) remote server via Developer mode (Settings → Apps → Advanced)
VS Code GitHub Copilot Yes (MCP Apps) stdio config
Goose / Postman / MCPJam Yes (MCP Apps) stdio or remote
Claude Code (CLI) Tools + browser preview fallback claude mcp add below; charts open in a local browser tab

Часто задаваемые вопросы

Инструменты были проиндексированы:
delete_chart_files

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

Параметры
  • allboolean

    Явное подтверждение удаления ВСЕХ файлов графиков во временной папке. По умолчанию — false.

  • chartIdsstring[]

    Конкретные ID графиков для удаления (12-символьные hex-строки). Каждый должен соответствовать /^[a-f0-9]{12}$/, иначе он отклоняется.

  • olderThanDaysinteger

    Удалите файлы графиков старше N дней (положительное целое число).

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

    Тело запроса для POST-запросов.

  • headersobject

    Дополнительные HTTP-заголовки (только для публичных API - НИКОГДА не вставляйте сюда ключи API)

  • methodenum

    Метод HTTP. По умолчанию: GET

  • presetstring

    Именованный пресет, который соответствует заранее настроенному URL и заголовкам авторизации. Пресеты не настроены. Настройте через переменные окружения: POLL_PRESET_<NAME>URL и POLL_PRESET<NAME>_HEADERS (JSON-объект).

  • urlstring

    Прямой URL для получения (только публичные API - авторизация не требуется)

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

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

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

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

    Один или несколько рядов данных

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

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

    Подписи категорий для оси X

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

Boxplot / Violin

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

    Один или несколько рядов данных

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

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

    Метки категорий (например, ['Q1', 'Q2', 'Q3', 'Q4'])

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

Bubble Map

Параметры
  • bubbleColorstring

    Цвет заливки пузыря. По умолчанию: акцентный цвет темы

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

    Массив географических точек данных

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • projectionenum

    地图投影。默认值:naturalEarth1

  • showOutlineboolean

    Показывать границы стран. По умолчанию: true

  • sizeRangeany[]

    Минимальный и максимальный радиус пузырька в пикселях. По умолчанию: [3, 25]

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Массив маркированных пунктов

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

  • zoneColorsstring[]

    Настраиваемые цвета для каждой зоны. По умолчанию — градиент от красного к зеленому.

  • zoneLabelsstring[]

    Подписи для каждой зоны. Длина должна быть zones+1 (например, 5 порогов = 6 подписей).

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

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

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

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

    Массив точек данных OHLC вида {date, o, h, l, c}

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

Параметры
  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

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

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

Параметры
  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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[]обязательный

    Массив графиков для отображения в сетке

  • columnsinteger

    Количество колонок сетки (1-4). По умолчанию: автоматическое заполнение на основе доступной ширины.

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • footerobject

    Нижняя панель с текстом и/или отметкой времени.

  • heroobject | object[]

    Hero metric(s) - одиночный объект или массив для строки с несколькими hero-элементами

  • kpisobject[]

    Карточки KPI в верхней части. Добавьте sparkline[] с 5-20 значениями тренда, когда у метрики есть процентное изменение, - это добавит встроенную мини-диаграмму на карточку.

  • layoutenum

    Вариант макета: default (hero над KPI), hero-center (hero по центру), kpi-top (KPI сверху)

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок панели управления

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

Параметры
  • afterLabelstring

    Метка для столбца 'after' (по умолчанию: After)

  • beforeLabelstring

    Метка для столбца 'before' (по умолчанию: Before)

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

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • scaleLabelsobject

    标签位于刻度位置,例如:{'40': '工程师', '65': '高级工程师'}

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

  • unitstring

    Суффикс единицы

  • zoneColorsstring[]

    Настраиваемые цвета для каждой зоны/полосы.

  • zoneLabelsstring[]

    Подписи для каждой зоновой полосы

  • zonesnumber[]

    Пороговые значения фоновых зон (аналогично зонам диаграммы-пули)

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

    Направление раскладки. TB (сверху вниз, по умолчанию) или LR (слева направо)

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

    Рёбра между узлами (образуют DAG)

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • interactiveboolean

    Разрешить перетаскивание для перемещения узлов. По умолчанию: true.

  • intervalnumber

    Интервал опроса в секундах. По умолчанию: 2

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

    Узлы в потоке

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • pollArgsobject

    Аргументы для передачи в pollTool

  • pollToolstring

    Необязательно: имя MCP-инструмента для опроса статуса в реальном времени (используйте 'poll_http' с пресетом для внешних API).

  • statusPathstring

    Точечный путь к карте {nodeId: status} в результате опроса (например, 'states' или 'agents.statuses'). Если не указан, сама карта считается результатом.

  • stepsobject[]

    Необязательная последовательность воспроизведения: упорядоченный массив снимков вида {nodeId: status}. Пользователь может листать или проигрывать их с помощью элементов управления воспроизведением. Если последовательность не задана, постепенное раскрытие выводится автоматически из топологии графа.

  • subtitlestring

    Необязательный подзаголовок.

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

Auto Chart

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

    Любые данные JSON - массивы, объекты, пары ключ-значение, вложенные структуры

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

    Заголовок диаграммы

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

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

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

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

    Заголовок диаграммы

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

    URL, возвращающий JSON-данные.

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

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

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

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

    Массив этапов воронки (сверху вниз)

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • showConversionboolean

    Показывает процент конверсии между этапами (по умолчанию: true)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

Geo Map

Параметры
  • colorScalestring

    Цветовая шкала: синий (по умолчанию), зеленый, красный, тепловой, фиолетовый, оранжевый.

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

    Значения стран в виде { alpha2Code: number }. Например: { 'US': 100, 'DE': 50, 'IN': 75 }

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • missingColorstring

    HEX-цвет для стран без данных. По умолчанию: цвет границы темы.

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • projectionenum

    地图投影。默认值:naturalEarth1

  • showLegendboolean

    Показывать легенду цветовой шкалы. По умолчанию: true

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

Параметры
  • colorScalestring

    Цветовая шкала: по умолчанию, красно-зелёная, синяя, тепловая.

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

    Заголовки столбцов

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

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

    Метки строк

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

    двумерный массив значений [row][column]

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

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

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

Параметры
  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    После значения

  • afterLabelstring

    После заголовка столбца

  • beforestring | number

    Перед значением

  • beforeLabelstring

    Перед меткой столбца

  • changenumber

    Процентное изменение.

  • changePeriodstring

    Подпись периода для изменения (например, 'по сравнению с прошлым месяцем').

  • colorstring

    Переопределить акцентный цвет (hex)

  • countnumber

    Счетчик в реальном времени

  • deadlinestring

    Дата дедлайна ISO

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • gemTypeenum

    Тип самоцвета для варианта=самоцвет: алмаз, рубин, сапфир, изумруд, золотая жемчужина, белая жемчужина, чёрная жемчужина, кристалл

  • improvementstring | number

    Метка улучшения

  • itemsobject[]

    Разбивка по пунктам.

  • labelstring

    Подзаголовок

  • maxnumber

    Максимальное значение для порога/nps

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • peaknumber

    Пиковое количество

  • percentilenumber

    Перцентиль

  • progressnumber

    Заполнение кольца 0-100

  • ranknumber

    Текущий ранг

  • rankChangenumber

    Перемещено позиций

  • ratingenum

    Переопределение рейтинга NPS

  • segmentsobject[]

    Временные сегменты

  • sizeenum

    Размер: sm/md/lg/xl

  • sparklinenumber[]

    Данные спарклайна мини-бара.

  • statusLevelenum

    Уровень статуса

  • styleenum

    Стиль кольца прогресса

  • subsystemsobject[]

    Значки подсистем

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

  • thresholdnumber

    Линия порогового значения.

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

    Заголовок диаграммы

  • totalnumber

    Итого в рейтинге

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

  • unitstring

    Подпись единицы измерения (например, 'граммы', '%', 'USD')

  • valuestring | number

    Основное значение метрики.

  • variantenum

    Вариант виджета (по умолчанию: big_number)

  • zonesobject[]

    Цветовые зоны

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

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

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

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

    Один или несколько рядов данных

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

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

    Подписи оси X (например, даты, категории)

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

Live Chart

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

    Пользовательская цветовая палитра в виде hex-кодов (например, ['#FF6384', '#36A2EB']). Если не указана, используется палитра по умолчанию.

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • intervalnumber

    Интервал опроса в секундах. По умолчанию: 2

  • maxPointsnumber

    Размер скользящего окна. По умолчанию: 30

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • pollArgsobject

    Аргументы для передачи опрашиваемому инструменту

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

    Название инструмента MCP, который вызывается при каждом опросе (например, 'get_system_metrics').

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

    Одно или несколько числовых значений для отслеживания за опрос

  • yLabelstring

    Подпись оси Y

  • yMaxnumber

    Максимум по оси Y (например, 100 для процентных значений)

  • yMinnumber

    Минимум по оси Y

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

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

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

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

    Массив элементов {label, value}

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Массив пар {label, value}

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Одна или несколько серий данных для сравнения

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

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

    Подписи осей по периметру (например, Скорость, Стоимость, UX)

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

Radial Cluster

Параметры
  • alertstring

    Входящее сообщение ниже звонит

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

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

    Массив кольцевых метрик

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

Диаграмма Sankey

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

    Массив потоков между узлами

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Один или несколько рядов данных с точками {x, y}

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Массив элементов {label, start, end}

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

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

    Подпись для конечного периода (например, '2025')

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

    Подпись для начального периода (например, '2024')

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Массив элементов карточек со спарклайнами

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Названия столбцов в порядке отображения.

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

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

    Массив объектов строк. Ключи должны соответствовать именам столбцов.

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок таблицы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

Каталог тем

Параметры

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

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

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

Timeline

Параметры
  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

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

    Массив вех

  • orientationenum

    Направление раскладки (по умолчанию: вертикальное). Горизонтальная лучше всего работает с ≤8 вехами.

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • subtitlestring

    Текст субтитра

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Массив элементов для отображения.

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Массив элементов {label, budget, actual}

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

  • unitstring

    Суффикс единицы измерения (например, '$', 'k')

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

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

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

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

    Массив элементов композиции {label, value}

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Массив элементов водопада

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

  • unitstring

    Суффикс единицы измерения (например, '$', 'k')

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

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

Облако слов

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

    Массив слов со значениями.

  • effectsstring

    Переопределение эффектов: нет, деликатный, мерцание, неон, энергичный

  • optionsobject
  • palettestring

    Переопределить только палитру (смешивание и сочетание)

  • themestring

    Пресет темы: переговорная, корпоративный, торговый зал, золотая сокровищница, клинический, стартап, управление операциями, токийская полночь, сад дзен, консультант, черный трон, черная элегантность, черная матрица, лесной янтарь, лесная земля, небесный свет, небесный океан, небесные сумерки, серый HF, серый копилот, офисный красный

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

    Заголовок диаграммы

  • typographystring

    Профессиональный, люкс, киберпанк, редакционный, моно, жирный, системный, техно

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

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

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

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

    Содержимое файла: бинарные данные или обычный текст в кодировке base64

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

    Как кодируются данные

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

    Имя файла с расширением (только .png или .csv)

2.4.1основная
2.4.0
2.2.0
2.1.0
2.0.1
2.0.0
1.1.0
1.0.1
1.0.0

Выберите клиент, чтобы установить KyuRish/mcp-dashboards:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

{
  "mcpServers": {
    "kyurish-mcp-dashboards-swry57dssp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-dashboards",
        "--stdio"
      ]
    }
  }
}
CursorCursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

{
  "mcpServers": {
    "kyurish-mcp-dashboards-swry57dssp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-dashboards",
        "--stdio"
      ]
    }
  }
}
VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "kyurish-mcp-dashboards-swry57dssp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-dashboards",
        "--stdio"
      ]
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"kyurish-mcp-dashboards-swry57dssp\",\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"mcp-dashboards\",\"--stdio\"]}"
ClaudeClaude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

{
  "mcpServers": {
    "kyurish-mcp-dashboards-swry57dssp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-dashboards",
        "--stdio"
      ]
    }
  }
}
Claude CodeClaude Code

Добавьте сервер одной командой в терминале:

claude mcp add kyurish-mcp-dashboards-swry57dssp -- npx -y mcp-dashboards --stdio

Либо через JSON-конфиг:

claude mcp add-json kyurish-mcp-dashboards-swry57dssp "{\"command\":\"npx\",\"args\":[\"-y\",\"mcp-dashboards\",\"--stdio\"]}"
CodexCodex

Добавьте сервер командой в терминале:

codex mcp add kyurish-mcp-dashboards-swry57dssp -- npx -y mcp-dashboards --stdio

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.kyurish-mcp-dashboards-swry57dssp]
command = "npx"
args = ["-y", "mcp-dashboards", "--stdio"]
PerplexityPerplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

  1. Откройте Настройки аккаунта → Connectors.
  2. Установите вспомогательное приложение PerplexityXPC (один раз).
  3. Нажмите Add Connector → вкладка Simple.
  4. В поле Server Name укажите KyuRish/mcp-dashboards, а в поле команды запуска — строку ниже:
npx -y mcp-dashboards --stdio

Нажмите Save и дождитесь статуса Running.

WindsurfWindsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "kyurish-mcp-dashboards-swry57dssp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-dashboards",
        "--stdio"
      ]
    }
  }
}
ClineCline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

{
  "mcpServers": {
    "kyurish-mcp-dashboards-swry57dssp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-dashboards",
        "--stdio"
      ],
      "disabled": false,
      "autoApprove": []
    }
  }
}
Continue

Создайте файл в .continue/mcpServers/ (например kyurish-mcp-dashboards-swry57dssp.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: kyurish-mcp-dashboards-swry57dssp
    command: npx
    args:
      - "-y"
      - "mcp-dashboards"
      - "--stdio"
Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

{
  "context_servers": {
    "kyurish-mcp-dashboards-swry57dssp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-dashboards",
        "--stdio"
      ]
    }
  }
}

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

hustcc/mcp-mermaid

hustcc/mcp-mermaid

от hustcc

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

TypeScript⭐ 645
nteract/semiotic

nteract/semiotic

от nteract

Semiotic создаёт графики, сетевые схемы и интерактивные дашборды прямо из описания. Находит ошибки в коде и предлагает исправления.

TypeScript⭐ 2716
jinzcdev/markmap-mcp-server

jinzcdev/markmap-mcp-server

от jinzcdev

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

TypeScript⭐ 289
Ratnaditya-J/csvglow

Ratnaditya-J/csvglow

от ratnaditya-j

MCP инструмент csvglow создает интерактивные дашборды для аналитики данных из CSV/Excel. Автоматически строит графики, выявляет корреляции и умные выводы. Запускается одной командой без конфигураци...

Python⭐ 14
isaacwasserman/mcp-vegalite-server

isaacwasserman/mcp-vegalite-server

от isaacwasserman

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

Python⭐ 100
hustcc/mcp-echarts

hustcc/mcp-echarts

от hustcc

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

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

Лука Никитин