nteract/semiotic

nteract/semiotic

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

MCP Toplist

Semiotic

CI npm version TypeScript MseeP.ai Security Assessment Badge

MCP Queen operational grade

A React data visualization library designed for AI-assisted development and streaming data.

Start with a small chart component. Add network graphs, streaming data and coordinated views when the task needs them. Structured schemas, diagnostics and rendering evidence help coding assistants implement, check and repair chart configurations.

Work through a complete task: check category totals, maintain a live chart, or correct a published chart. The source task packets identify their build and evidence scope; source availability does not establish installed or deployed parity.

Semiotic release dashboard showing chart count, bundle sizes, capability coverage, chart families, and documentation growth

What's New in 3.12.1

3.12.1 extends network perspectives to the Atlas readers and improves projected layout sizing, annotation anchors, and static SVG precision. Placement components retain their identity across package entries, and semioticVite() removes unused worker assets from Vite 7 builds while preserving workers that are used.

See the changelog for the full list and SVG compatibility notes.

Why Semiotic

Semiotic is a data visualization library for React that combines broad chart coverage with AI tooling. It supports network graphs, streaming data, statistical distributions and coordinated views, with schemas, examples and diagnostics for implementing and checking each task. Check the project's existing dependencies first: extending its current charting library may be the best fit for a small change.

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

Инструменты были проиндексированы:
applyThemeтолько чтениеидемпотентный

Получает инструкции по использованию для именованного пресета темы Semiotic. Возвращает примеры ThemeProvider, пользовательские свойства CSS и паттерны экспорта design-токенов. Доступные темы: light, dark, high-contrast, pastels, pastels-dark, bi-tool, bi-tool-dark, italian, italian-dark, tufte, tufte-dark, journalist, journalist-dark, playful, playful-dark, carbon, carbon-dark.

Параметры
  • namestring

    Имя пресета темы, например 'tufte', 'pastels-dark', 'bi-tool'. Пропустите, чтобы вывести список всех доступных тем.

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

Проверяет конфигурацию диаграммы Semiotic на соответствие фреймворку доступности Chartability (POUR-CAF): Perceivable, Operable, Understandable, Robust, Compromising, Assistive, Flexible. Статически оценивает конфигурацию (без DOM/AT): засчитывает встроенные возможности, которые поставляются с каждым HOC (навигация с клавиатуры, фокусное кольцо, ссылка для пропуска, таблица данных для скринридера, reduced-motion + forced-colors, состояние с возможностью обмена), отмечает пробелы, которые автор может исправить (отсутствие заголовка/описания/сводки, низкий контраст, мелкий текст, кодирование только цветом, неописанные тренды, плотность данных), и направляет всё, что требует реального тестирования с ассистивными технологиями, в пункт 'manual'. Возвращает отчёт по каждому принципу с отмеченными 14 критическими эвристиками. Принимает inChartContainer=true, чтобы засчитать возможности скачивания и обмена данными. Сочетается с ручным тестированием NVDA/JAWS/VoiceOver: Chartability не сертификация pass/fail.

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

    Название компонента диаграммы, например 'LineChart'.

  • describeboolean

    True, если у ChartContainer включена опция describe (автоматически создаваемое описание L1–L3 через describeChart) - проходит эвристику 'features described'.

  • inChartContainerboolean

    True, если график (или будет) обёрнут в ChartContainer, предоставляющий действия data-download/copy-config.

  • navigableboolean

    True, если у ChartContainer включена опция navigable (структурированное дерево навигации через buildNavigationTree) - проходит эвристику 'navigable structure'.

  • propsobject

    Объект свойств графика, например { data: [...], xAccessor: 'x', title: '...' }.

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

Оценивает диаграмму и её явный контракт артефакта в рамках именованной политики. Инструмент проверяет только предоставленные утверждения, доказательства, идентичность источника, состояние проверки и состояние времени; отсутствующие факты остаются отсутствующими или неизвестными. Результаты ограничены, а усечение явно указывается.

Проверяет явный контракт артефакта.

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

    Имя семиотического компонента.

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

    Завершает явный контракт артефакта. Проверяет на соответствие semiotic://artifact-contract-schema; пропущенные факты об источнике, проверке и времени остаются пропущенными или явно неизвестными.

  • dataobject[]

    Необязательные явные данные строки, которые переопределяют props.data.

  • exceptionsobject[]
  • nowstring

    Явные опорные часы для проверок ревью, актуальности и срока действия. Использует метку времени ISO 8601.

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

    Явный встроенный идентификатор политики, используемый для этой операции.

  • propsobject

    Свойства/конфигурация графика. Данные можно передать здесь или отдельно.

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

Проверяет конфигурацию графика Semiotic на риски мобильной визуализации. Используйте перед созданием графиков под размер телефона или при адаптации десктопного графика под мобильный. Отмечает фиксированные ширины для десктопа, грубую перегрузку плотности меток, детали, доступные только при наведении, мелкие области нажатия, сложные жесты без элементов управления, зависимость от легенды, перегрузку аннотациями и отсутствие подсказок по мобильной трансформации. Только статический анализ: всё равно проверяйте отрендеренные графики на ширине телефона.

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

    Имя компонента диаграммы, например 'LineChart', 'Scatterplot' или 'BarChart'.

  • inChartContainerboolean

    Обёрнут ли график в ChartContainer или эквивалентную поверхность сводки/управления.

  • propsobject

    Свойства/конфигурация диаграммы для аудита.

  • targetSizeinteger

    Желаемый комфортный размер цели касания в CSS-пикселях. По умолчанию: 44.

  • viewportWidthinteger

    Ширина мобильного вьюпорта в CSS-пикселях. По умолчанию - 390.

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

Диагностирует конфигурацию диаграммы Semiotic на типичные проблемы (пустые данные, неправильные размеры, отсутствующие аксессоры, неверная структура данных, проблемы с контрастностью цветов и т. д.). Для ref-based React HOC, которые намеренно не указывают данные, передавайте usageMode='push'; для renderChart/MCP/серверных конфигураций, где данные обязательны, не указывайте usageMode или передавайте 'static'. Проверяет коэффициенты контрастности WCAG и предлагает COLOR_BLIND_SAFE_CATEGORICAL для доступности. Возвращает удобочитаемый диагностический отчёт с конкретными исправлениями.

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

    Название компонента диаграммы, например 'LineChart'.

  • propsobject

    Объект props графика, например { data: [...], xAccessor: 'x' }.

  • usageModeenum

    Режим валидации. Использует 'push' для ref-based React HOCs, которые не передают данные; использует 'static' или не указывает его для конфигураций renderChart/MCP/static data.

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

Оценивает диаграмму Semiotic за один детерминированный проход контроля качества: контракты числовых данных, проверки конфигурации и представления/введения в заблуждение, а также статические эвристики доступности Chartability. Возвращает независимые отчёты аудита, а также список находок, ранжированный по серьёзности, и ленту уведомлений. Передавайте data отдельно, когда оно должно переопределять props.data; используйте inChartContainer, describe или navigable, чтобы описать предполагаемую обёртку доступности. Это статический анализ, он не заменяет ручное тестирование с вспомогательными технологиями или свидетельства рендеринга.

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

    Название компонента диаграммы, например 'LineChart'.

  • dataobject[]

    Необязательный явный набор данных. Если он указан, используется как фактический props.data для оценки.

  • describeboolean

    Указывает, включено ли сгенерированное описание у ChartContainer.

  • inChartContainerboolean

    Будет ли диаграмма обёрнута в ChartContainer или аналогичную поверхность управления.

  • navigableboolean

    Включено ли структурированное дерево навигации ChartContainer.

  • propsobject

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

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

Оценивает явный контракт артефакта по именованной политике и объясняет, почему публикацию или действие отклоняют. Недостающие факты о доказательствах, источнике, проверке и времени остаются явными, а не додумываются.

Объясняет причину отказа политики артефактов.

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

    Имя семиотического компонента.

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

    Завершает явный контракт артефакта. Проверяет на соответствие semiotic://artifact-contract-schema; пропущенные факты об источнике, проверке и времени остаются пропущенными или явно неизвестными.

  • dataobject[]
  • exceptionsobject[]
  • nowstring

    Явные опорные часы для проверок ревью, актуальности и истечения срока. Используйте метку времени ISO 8601.

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

    Явный встроенный идентификатор политики, используемый для этой операции.

  • propsobject
getSchemaтолько чтениеидемпотентный

Возвращает схему пропсов для компонента диаграммы Semiotic. Передайте { component: '<name>' }, чтобы получить его пропсы, или пропустите component, чтобы вывести список всех доступных компонентов. Компоненты с пометкой [renderable] можно передать в renderChart для статичного вывода SVG.

Параметры
  • componentstring

    Имя компонента, например 'LineChart'. Пропустите, чтобы вывести список всех.

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

Собирает payload для привязки agent-reader к графику Semiotic: многоуровневое описание на естественном языке L1-L3, предложение коммуникативного акта L4 (что график просит читателя сделать) и структурированное дерево навигации (график → оси/серии → datum). Используйте это, чтобы достоверно интерпретировать график без пикселей.

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

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

    Название компонента диаграммы, например 'LineChart'.

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

    Полные props диаграммы, включая data.

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

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

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

    Название компонента диаграммы, например 'LineChart'.

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

    Полные props диаграммы, включая data.

  • querystring

    Вопрос на естественном языке о данных диаграммы

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

Предлагает и оценивает варианты диаграмм для выбранного компонента Semiotic. Использует реестр возможностей и эвристический поиск вариантов: зарегистрированные варианты, консервативные преобразования и кросс-семейные альтернативы с тем же назначением. Возвращает ранжированные предложения с оценками соответствия/новизны/риска, обоснованием и готовыми к использованию props. Используйте после suggestCharts, когда агент хочет активно исследовать варианты, а не остановиться на первой рекомендации диаграммы.

Параметры
  • audienceobject

    Профиль аудитории: степень знакомства, цели внедрения, уровень контакта и способ восприятия.

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

    Базовый компонент диаграммы для изменения, например 'LineChart', 'BarChart' или 'BoxPlot'.

  • dataobject[]

    Данные строки для профайлинга. Переопределяют props.data, если заданы.

  • fieldRolesobject

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

  • identifiersstring[]

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

  • intentstring | string[]

    Интенты ранжирования, например: тренд, распределение, ранг, сравнение категорий, композиция во времени.

  • maxResultsinteger

    Ограничение количества возвращаемых предложений (по умолчанию 8).

  • propsobject

    Существующие props диаграммы. Если props.data есть, он профилируется; данные объектов network/hierarchy/geo можно передать сюда как сырой ввод.

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

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

Рекомендует обоснованное представление.

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

    Завершает явный контракт артефакта. Проверяет на соответствие semiotic://artifact-contract-schema; пропущенные факты об источнике, проверке и времени остаются пропущенными или явно неизвестными.

  • dataobject[]

    Явные данные строк; опускай только если доказательств контракта достаточно.

  • exceptionsobject[]
  • identifiersstring[]
  • intentstring | string[]
  • maxChartCandidatesinteger
  • nowstring

    Явные опорные часы для проверок ревью, актуальности и срока действия. Использует метку времени ISO 8601.

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

    Явный встроенный идентификатор политики, используемый для этой операции.

  • preferredComponentstring

    Необязательное предпочтение компонента Semiotic.

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

Рендерит график Semiotic в статический SVG или PNG. Это путь статического снимка: props должны сразу содержать данные, а графики в режиме ref/push через этот инструмент отрендерить нельзя. По умолчанию возвращает текст SVG, а при format='png' - артефакт image/png, плюс блок JSON "Render evidence" (количество меток по типам, разрешённые домены осей, флаг пустоты, число аннотаций, доступное имя). Читайте evidence вместо разбора SVG, чтобы убедиться, что график действительно отрисовал метки данных. Необязательный явный контракт сохраняется в render evidence вместе со своим статусом передачи; отсутствующие факты контракта не выводятся. При необходимости передайте пользовательские CSS-свойства темы (--semiotic-bg, --semiotic-text и т. д.), чтобы задать стиль вывода. Для PNG нужен установленный пакет 'sharp'. Доступные компоненты: AreaChart, BarChart, BigNumber, BoxPlot, BubbleChart, BumpChart, CalendarHeatmapRecipe, CandlestickChart, ChainReactionChart, ChordDiagram, ChoroplethMap, CirclePack, CollisionSwarmChart, ConnectedScatterplot, CrucibleChart, DependencyForestChart, DifferenceChart, DistanceCartogram, DonutChart, DotPlot, EventDropChart, FlowCircuitChart, FlowMap, ForceDirectedGraph, FunnelChart, GaltonBoardChart, GaugeChart, GauntletChart, GroupedBarChart, Heatmap, Histogram, LikertChart, LineChart, MinimapChart, MotifBraidChart, MultiAxisLineChart, OrbitDiagram, PacketFlowChart, ParallelCoordinatesRecipe, PieChart, ProcessFlowChart, ProcessSankey, ProportionalSymbolMap, QuadrantChart, RadarChart, RidgelinePlot, SankeyDiagram, Scatterplot, ScatterplotMatrix, StackedAreaChart, StackedBarChart, SwarmPlot, SwimlaneChart, TemporalHistogram, TreeDiagram, Treemap, UnitPileChart, ViolinPlot, WaterfallChart.

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

    Имя компонента графика, например 'LineChart', 'BarChart'

  • contractobject

    Необязательный явный контракт артефакта. Свидетельство рендеринга сообщает, сохранён ли он, недействителен или это неподдерживаемая версия.

  • formatenum

    Формат вывода: 'svg' (по умолчанию) возвращает разметку SVG, 'png' возвращает данные артефакта image/png. Для PNG нужен пакет 'sharp'.

  • propsobject

    Объект props графика, например { data: [...], xAccessor: 'x' }.

  • themeobject

    Пользовательские CSS-свойства для темизации, например { '--semiotic-bg': '#1a1a2e', '--semiotic-text': '#ededed' }. Применяются только переменные --semiotic-*.

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

Отрисовывает диаграмму Semiotic со статическими данными как виджет ChatGPT Apps. Использует этот инструмент после suggestCharts/getSchema/diagnoseConfig, когда пользователь хочет увидеть интерактивную диаграмму внутри ChatGPT. Сервер отрисовывает Semiotic в SVG, а виджет добавляет элементы управления для подгонки, масштабирования, данных, наведения и render-evidence. Доступные компоненты: AreaChart, BarChart, BigNumber, BoxPlot, BubbleChart, BumpChart, CalendarHeatmapRecipe, CandlestickChart, ChainReactionChart, ChordDiagram, ChoroplethMap, CirclePack, CollisionSwarmChart, ConnectedScatterplot, CrucibleChart, DependencyForestChart, DifferenceChart, DistanceCartogram, DonutChart, DotPlot, EventDropChart, FlowCircuitChart, FlowMap, ForceDirectedGraph, FunnelChart, GaltonBoardChart, GaugeChart, GauntletChart, GroupedBarChart, Heatmap, Histogram, LikertChart, LineChart, MinimapChart, MotifBraidChart, MultiAxisLineChart, OrbitDiagram, PacketFlowChart, ParallelCoordinatesRecipe, PieChart, ProcessFlowChart, ProcessSankey, ProportionalSymbolMap, QuadrantChart, RadarChart, RidgelinePlot, SankeyDiagram, Scatterplot, ScatterplotMatrix, StackedAreaChart, StackedBarChart, SwarmPlot, SwimlaneChart, TemporalHistogram, TreeDiagram, Treemap, UnitPileChart, ViolinPlot, WaterfallChart.

Отрисовывает интерактивную диаграмму Semiotic.

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

    Имя компонента диаграммы для отрисовки, например 'LineChart', 'BarChart', 'GaugeChart'.

  • propsobject

    Статические props для диаграмм Semiotic, включая data/accessors, где требуется.

  • themeobject

    Пользовательские свойства CSS, например { '--semiotic-bg': '#fff', '--semiotic-text': '#111' }. Применяются только переменные --semiotic-*.

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

Предлагает исправления для чарта и явный контракт артефакта. По умолчанию это только предложение. Если включено, безопасное применение заполняет только отсутствующие поля компонента и идентичности конфигурации/данных; существующие привязки никогда не перезаписываются. Несоответствия требуют явной ревизии и переоценки утверждения. Факты об источнике, доказательствах, проверке, одобрении и времени никогда не выдумываются. Возвращаемые контракты не включают образцы доказательств, сообщают о потерях при передаче и не выдаются при превышении лимита в 64 KiB UTF-8.

Исправляет явный контракт артефакта.

Параметры
  • applySafeIdentityRepairsboolean

    Заполняет только отсутствующие поля идентичности; существующие несоответствия требуют явного пересмотра и переоценки утверждений. По умолчанию: false.

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

    Имя семиотического компонента.

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

    Завершает явный контракт артефакта. Проверяет на соответствие semiotic://artifact-contract-schema; пропущенные факты об источнике, проверке и времени остаются пропущенными или явно неизвестными.

  • dataobject[]
  • exceptionsobject[]
  • nowstring

    Явные опорные часы для проверок ревью, актуальности и срока действия. Использует метку времени ISO 8601.

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

    Явный встроенный идентификатор политики, используемый для этой операции.

  • propsobject
repairChartConfigтолько чтениеидемпотентный

Проверяет, подходит ли компонент диаграммы для набора данных, и если нет, предлагает ранжированные альтернативы, которые подойдут. Возвращает структурированный статус: ok, alternative или unknown.

Исправляет неподходящий выбор диаграммы.

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

    Имя компонента диаграммы для проверки, например 'PieChart'

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

    Данные строки - массив объектов.

  • fieldRolesobject

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

  • identifiersstring[]

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

  • intentstring | string[]

    Намерение пользователя влияет на ранжирование альтернатив, когда диаграмма не подходит.

  • maxAlternativesinteger

    Ограничивает количество возвращаемых альтернатив (по умолчанию 3).

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

Создаёт URL issue на GitHub для сообщений об ошибках Semiotic или запросов на новые функции. Возвращает URL, который пользователь может открыть для отправки. Для ошибок рендеринга включает в тело название компонента, сводку по props и любой вывод diagnoseConfig.

Параметры
  • bodystring

    Тело issue с подробностями, шагами воспроизведения, выводом diagnoseConfig

  • labelsstring[] | string

    Метки GitHub, например ['bug'] или 'bug'

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

    Заголовок issue, например 'Баг: всплывающая подсказка BarChart отображает undefined'

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

Рекомендует графики на основе лёгкой эвристики для небольшой выборки данных (1-5 строк) с фильтрацией по возможностям (push API, linked hover, SSR, selection, legend). Возвращает ранжированные рекомендации с примерами props. Для более богатого ранжирования по дескрипторам возможностей (оценки, причины, предостережения) и полной таксономии из 13 интентов предпочтителен suggestCharts (множественное число).

Параметры
  • capabilitiesobject

    Ограничения возможностей: установите ключ в true, чтобы требовать, и в false, чтобы запрещать. Неустановленные ключи игнорируются.

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

    1-5 примеров объектов данных

  • intentstring

    Намерение визуализации. Принимает намерения этого движка (comparison, trend, distribution, relationship, composition, geographic, network, hierarchy) И более богатую таксономию suggestCharts (compare-categories, part-to-whole, correlation, flow, geo, rank, …), которая переводится автоматически; нераспознанное намерение игнорируется, а не отклоняется.

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

Рекомендует диаграммы Semiotic для набора данных с помощью эвристических дескрипторов возможностей. Возвращает ранжированные структурированные предложения с оценками, причинами, оговорками и готовыми к использованию props; вызов LLM не делается.

Рекомендует диаграммы Semiotic.

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

    Ограничивает этими именами компонентов.

  • audienceobject

    Профиль аудитории: степень знакомства, цели внедрения, уровень контакта и способ восприятия.

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

    Данные строки - массив объектов.

  • denystring[]

    Исключает эти имена компонентов.

  • fieldRolesobject

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

  • identifiersstring[]

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

  • intentstring | string[]

    Интент ранжирования. Один из: trend, compare-series, compare-categories, rank, part-to-whole, distribution, correlation, flow, hierarchy, geo, outlier-detection, composition-over-time, change-detection. Пользовательские интенты принимаются.

  • maxResultsinteger

    Ограничение количества возвращаемых подсказок (по умолчанию 8).

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

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

Параметры
  • audienceobject

    Профиль аудитории: степень знакомства, цели внедрения, уровень контакта и способ восприятия.

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

    Данные строки - массив объектов.

  • diversifyByFamilyboolean

    Предпочитает не повторять семейства диаграмм на разных панелях (по умолчанию true).

  • fieldRolesobject

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

  • identifiersstring[]

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

  • intentsstring[]

    Намерения для покрытия. Пропустите, чтобы движок выбрал на основе формы данных.

  • maxPanelsinteger

    Максимальное число панелей (по умолчанию 6).

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

Рекомендует потоковые графики Semiotic для схемы (не для строковых данных). Принимает fields и, опционально, throughput (band или rows/sec), retention, shape ('append'|'keyed'|'aggregate') и keyFields. Ранжирует XY-графики в реальном времени, а также порядковые/числовые графики с поддержкой push (BarChart, PieChart, BigNumber, GaugeChart, …). Возвращает рекомендации, причины исключения подходящих вариантов и, опционально, дополнительные варианты, когда параметр audience задан.

Параметры
  • audienceobject
  • intentstring | string[]

    Намерение ранжирования.

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

    Схема потока - поля плюс подсказки по пропускной способности, сроку хранения и форме. Построчных данных нет.

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

Собирает многопанельный дашборд из одной или нескольких схем потоков. Учитывает политику компоновки AudienceProfile.dashboard (cellBudget, leadFamilies, windowPreference).

Параметры
  • audienceobject
  • budgetinteger
  • intentstring | string[]
  • schemasobject | object[]обязательный
suggestStretchChartsтолько чтениеидемпотентный

Рекомендует подборки графиков для роста грамотности для набора данных с учётом AudienceProfile. Возвращает графики, которые данные поддерживают, но аудитория с ними не знакома (familiarity ≤ 3 или ≤ 4 при exposureLevel 2), каждый в паре со знакомым графиком, который он может заменить, и с обоснованием. Используйте, когда потребитель хочет мягко познакомить пользователей с менее знакомыми, но более подходящими для анализа визуализациями.

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

    Профиль аудитории - уровень знакомства, цели, уровень охвата, модальность восприятия.

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

    Данные строки.

  • fieldRolesobject

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

  • identifiersstring[]

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

  • intentstring | string[]
  • maxResultsinteger
suggestTokenEncodingтолько чтениеидемпотентный

Рекомендует семантическую кодировку token / ISOTYPE для задачи читателя. Используйте перед отрисовкой повторяющихся точек, иконок, глифов, сеток естественных частот, квантильных точечных диаграмм или гибридных представлений bar-token. Возвращает рекомендованный tokenEncoding, предупреждения, альтернативы и соответствующие capability intents для suggestCharts. Принимает канонические token intents (precise-comparison, probability-estimation, risk-communication, memory, support-decision и т. д.) и удобные псевдонимы (measure, estimate probability, understand risk, remember, decide).

Параметры
  • audienceenum

    Аудитория для рекомендации.

  • availableSpaceenum

    Бюджет места для видимых токенов.

  • concreteEntitystring

    Конкретное понятие иконки/глифа, например человек, автобус, сервер. Становится tokenEncoding.icon, когда это полезно.

  • dataTypeenum

    Форма данных или смысл, стоящий за токенизированным представлением.

  • precisionNeedenum

    Насколько важно точное считывание величины.

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

    Интент задачи читателя, например 'оценить вероятность', 'понять риск', 'запомнить', 'измерить', 'решить', или канонические интенты-токены, такие как 'probability-estimation'.

1.0.0основная

Выберите клиент, чтобы установить nteract/semiotic:

Любой клиент

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

{
  "mcpServers": {
    "nteract-semiotic-kh0vcjoh9p": {
      "command": "npx",
      "args": [
        "semiotic-mcp"
      ]
    }
  }
}
CursorCursor

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

{
  "mcpServers": {
    "nteract-semiotic-kh0vcjoh9p": {
      "command": "npx",
      "args": [
        "semiotic-mcp"
      ]
    }
  }
}
VS Code

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

{
  "servers": {
    "nteract-semiotic-kh0vcjoh9p": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "semiotic-mcp"
      ]
    }
  }
}

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

code --add-mcp "{\"name\":\"nteract-semiotic-kh0vcjoh9p\",\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"semiotic-mcp\"]}"
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": {
    "nteract-semiotic-kh0vcjoh9p": {
      "command": "npx",
      "args": [
        "semiotic-mcp"
      ]
    }
  }
}
Claude CodeClaude Code

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

claude mcp add nteract-semiotic-kh0vcjoh9p -- npx semiotic-mcp

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

claude mcp add-json nteract-semiotic-kh0vcjoh9p "{\"command\":\"npx\",\"args\":[\"semiotic-mcp\"]}"
CodexCodex

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

codex mcp add nteract-semiotic-kh0vcjoh9p -- npx semiotic-mcp

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

[mcp_servers.nteract-semiotic-kh0vcjoh9p]
command = "npx"
args = ["semiotic-mcp"]
PerplexityPerplexity

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

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

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

WindsurfWindsurf

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

{
  "mcpServers": {
    "nteract-semiotic-kh0vcjoh9p": {
      "command": "npx",
      "args": [
        "semiotic-mcp"
      ]
    }
  }
}
ClineCline

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

{
  "mcpServers": {
    "nteract-semiotic-kh0vcjoh9p": {
      "command": "npx",
      "args": [
        "semiotic-mcp"
      ],
      "disabled": false,
      "autoApprove": []
    }
  }
}
Continue

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

mcpServers:
  - name: nteract-semiotic-kh0vcjoh9p
    command: npx
    args:
      - "semiotic-mcp"
Zed

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

{
  "context_servers": {
    "nteract-semiotic-kh0vcjoh9p": {
      "command": "npx",
      "args": [
        "semiotic-mcp"
      ]
    }
  }
}

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

Ratnaditya-J/csvglow

Ratnaditya-J/csvglow

от ratnaditya-j

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

Python⭐ 14
KyuRish/mcp-dashboards

KyuRish/mcp-dashboards

от kyurish

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

TypeScript⭐ 50
antv/mcp-server-chart

antv/mcp-server-chart

официальный

от antvis

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

TypeScript⭐ 4403
erajasekar/ai-diagram-maker-mcp

erajasekar/ai-diagram-maker-mcp

от erajasekar

MCP-сервер для генерации профессиональных диаграмм ПО из описания на естественном языке: схемы архитектуры, последовательности, ERD, UML. Поддерживает ввод текста, кода, ASCII-схем, изображений и M...

TypeScript⭐ 10
isaacwasserman/mcp-vegalite-server

isaacwasserman/mcp-vegalite-server

от isaacwasserman

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

Python⭐ 100
YuChenSSR/mindmap-mcp-server

YuChenSSR/mindmap-mcp-server

от yuchenssr

MCP-сервер конвертирует Markdown в интерактивные mindmap. Пригодится разработчикам и аналитикам для визуализации идей, структурирования заметок и презентаций. Поддерживает возврат HTML или сохранен...

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

Лука Никитин