Перейти к содержанию
Жизнь с AI
ПриложенияНавыкиСловарьСправочникТесты
Приложение CodexCodex CLIGitHubПромпт

Life with AI

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

РазделыПриложенияНавыкиСловарьСправочник AIТесты
МатериалыНовости сайтаДокументация
ПоддержкаОбратная связьGitHubБезопасность
ПроектО проектеКонфиденциальностьУсловия использования

© 2026 Life with AI

Все навыки

OpenAI · Плагин

Build Web Data Visualization

Визуализация данныхCodex

Build Web Data Visualization помогает превратить данные в понятные графики, карты и диаграммы на сайте. Пакет охватывает выбор подходящего представления, реализацию на D3, Canvas, WebGL или в React и Next.js, а также проверку доступности и производительности. Есть отдельные навыки для панелей с обновляемыми данными, диаграмм Ганта, архитектурных схем и экспорта в отчёты.

Для каких задач подходит Build Web Data Visualization

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

Что входит в плагин

  • Графики, карты, расписания, архитектурные диаграммы и панели показателей.
  • D3, декларативные библиотеки, Canvas и WebGL; интеграция в React и Next.js.
  • Доступность, статистическая корректность, тестирование и экспорт в PDF или презентации.
Посмотреть все навыки пакета (18)Скрыть список навыков
  • accessibility-and-inclusive-visualization

    Проверяет доступность графиков: контраст, клавиатуру, альтернативный текст и анимацию.

  • canvas2d-data-visualization

    Рендерит большие и быстро обновляемые визуализации через Canvas2D.

  • d3-data-visualization

    Создаёт настраиваемые графики и взаимодействия на D3.

  • dashboards-and-real-time-visualization

    Проектирует панели показателей и визуализации обновляемых данных.

  • data-visualization

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

  • gantt-chart-visualization

    Создаёт диаграммы Ганта, расписания и представления зависимостей.

  • geospatial-and-cartographic-visualization

    Проектирует карты и геопространственные визуализации.

  • grammar-of-graphics-and-declarative-visualization

    Строит декларативные графики на Vega, Vega-Lite и Observable Plot.

  • node-link-and-diagram-layout

    Выбирает раскладку узлов и связей для графов, ERD и схем.

  • react-and-nextjs-data-visualization

    Встраивает визуализации в React и Next.js с учётом загрузки интерфейса и производительности.

  • reports-pdfs-and-slide-automation

    Готовит отчёты и экспорт графиков или схем в PDF и презентации.

  • scrollytelling-and-parallax-data-visualization

    Создаёт визуальные истории, меняющиеся при прокрутке.

  • statistical-and-uncertainty-visualization

    Показывает распределения, неопределённость, пропуски и интервалы в данных.

  • testing-data-visualizations

    Тестирует графики, панели показателей, взаимодействия и экспорт.

  • threejs-data-visualization

    Строит плотные и пространственные визуализации через WebGL и GPU-библиотеки.

  • typescript-data-visualization-engineering

    Проектирует типизированные модели и архитектуру визуализаций на TypeScript.

  • uml-and-software-architecture-visualization

    Читает, проектирует и реализует UML, C4, ERD и другие архитектурные диаграммы.

  • visualization-strategy-and-critique

    Выбирает композицию, тип графика и способ взаимодействия; оценивает визуальное решение.

Где можно использовать Build Web Data Visualization

Среды и варианты подключения

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

Использование в других средах

В описании пакета указана MIT. Для материалов под этой лицензией разрешены использование и изменение с сохранением авторских уведомлений и текста лицензии.

Проверьте отдельные условия компонентов. Разрешение адаптации не подтверждает совместимость инструментов или готовую установку в другом ассистенте.

Условия использования: MIT

Как проверить и подключить плагин Build Web Data Visualization

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

Нужны веб-проект, данные для визуализации и браузер. Конкретные библиотеки выбираются под задачу: не требуется устанавливать D3, Vega, Three.js и остальные инструменты одновременно. Для экспорта в PDF или презентации могут понадобиться дополнительные средства.

Приложение CodexCodex CLIGitHubПромпт

Подключение с помощью ассистента Codex

Для проверки, установки, настройки или обновления плагина откройте вкладку «Промпт», скопируйте текст и отправьте его в Codex. Ассистент проверит пакет и предложит необходимые действия. Перед установкой, обновлением или изменением настроек он запросит ваше подтверждение.

Подключение вручную в приложении Codex

  1. Откройте «Плагины» → Installed и найдите Build Web Data Visualization от OpenAI. Если плагин установлен и включён, повторная установка не нужна.
  2. Если плагина нет, найдите его в каталоге, откройте карточку и выберите установку.
  3. Если потребуется подключить сервис, ознакомьтесь с запрашиваемыми разрешениями и подтвердите подключение для нужных вам функций.
  4. Начните новый чат и опишите задачу для плагина.

Наличие плагина и доступные подключения зависят от версии приложения, учётной записи и настроенного каталога. Если пакет не найден, проверьте официальный источник и доступность установки из GitHub-каталога.

Инструкция разработчика

Подключение с помощью ассистента Codex

Для проверки, установки, настройки или обновления плагина откройте вкладку «Промпт», скопируйте текст и отправьте его в Codex. Ассистент проверит пакет и предложит необходимые действия. Перед установкой, обновлением или изменением настроек он запросит ваше подтверждение.

Подключение вручную в Codex CLI

  1. В запущенном Codex CLI введите /plugins и найдите Build Web Data Visualization от OpenAI среди установленных плагинов. Если он установлен и включён, повторная установка не нужна.
  2. Если плагина нет, найдите его в каталоге /plugins, проверьте разработчика OpenAI и выберите установку.
  3. Если потребуется подключить сервис, ознакомьтесь с запрашиваемыми разрешениями и подтвердите подключение для нужных вам функций.
  4. Начните новую сессию Codex CLI и опишите задачу для плагина.

Наличие плагина и доступные подключения зависят от версии приложения, учётной записи и настроенного каталога. Если пакет не найден, проверьте официальный источник и доступность установки из GitHub-каталога.

Инструкция разработчика

Подключение с помощью ассистента Codex

Для проверки, установки, настройки или обновления плагина откройте вкладку «Промпт», скопируйте текст и отправьте его в Codex. Ассистент проверит пакет и предложит необходимые действия. Перед установкой, обновлением или изменением настроек он запросит ваше подтверждение.

Подключение вручную из GitHub-каталога в Codex CLI

  1. В Codex CLI откройте /plugins и найдите Build Web Data Visualization от OpenAI среди установленных плагинов. Если он установлен и включён, повторная установка не нужна.
  2. Если плагина нет и вы хотите установить его из GitHub-каталога OpenAI, выполните команду ниже в обычном терминале. Она добавляет каталог в Codex CLI, но не устанавливает сам плагин.
  3. Запустите Codex CLI, откройте /plugins и найдите Build Web Data Visualization в добавленном каталоге. Проверьте разработчика OpenAI и выберите установку плагина.
  4. Если потребуется подключить сервис, ознакомьтесь с запрашиваемыми разрешениями и подтвердите подключение для нужных вам функций. Затем начните новую сессию Codex CLI и опишите задачу для плагина.
codex plugin marketplace add openai/plugins

GitHub-каталог содержит опубликованные примеры пакетов. Его версия может отличаться от версии в основном разделе «Плагины».

Инструкция разработчика

Подключение Build Web Data Visualization с помощью ассистента Codex

Скопируйте промпт в Codex. Ассистент сначала проверит наличие и состояние пакета; изменения потребуют вашего согласия.

Проверь, установлен ли официальный плагин OpenAI «Build Web Data Visualization» в моей среде Codex и доступен ли он для использования.

Официальный источник: https://github.com/openai/plugins/tree/main/plugins/build-web-data-visualization.

1. Без изменения файлов и настроек проверь наличие именно этого пакета, включён ли он и есть ли сообщения об ошибках загрузки. Наличие похожего встроенного навыка не считай установкой всего пакета.
2. Если пакет установлен, сравни установленную версию с доступной версией в официальном источнике, из которого он установлен. Если обновление не требуется, сообщи об этом. Если версию или актуальность определить нельзя, прямо объясни причину.
3. Если доступна более новая версия, сообщи установленную и новую версии, объясни официальный способ обновления и какие изменения он выполнит. Спроси, разрешаю ли я обновить пакет. После моего подтверждения выполни обновление и проверь установленную версию и состояние пакета.
4. Если пакет выключен или требует настройки, объясни причину и предложи конкретные действия. После моего подтверждения выполни их и проверь результат.
5. Если пакет отсутствует, объясни, как установить его официальным способом, какие подключения потребуются и какие файлы изменятся. После моего подтверждения установи пакет и проверь результат.
6. Если выполнить действие автоматически нельзя, дай точные шаги для моей версии приложения или CLI. Не сообщай об успешной установке или обновлении без проверки результата.

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

Инструкция разработчика
Официальный источник

Материалы и условия использования опубликованы разработчиком.

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