плагин CX Codex GP ChatGPT официальный · OpenAI

build-web-data-visualization — плагин для Codex: что делает

Q: Как установить build-web-data-visualization в Codex?

Плагин подключается через репозиторий `openai/plugins` в среде Codex или настройках ChatGPT.

Проектирует, тестирует и генерирует код веб-визуализаций в Codex. Подходит для создания графиков, карт, дашбордов и WebGL-сцен.

Открыть на GitHub

Что делает build-web-data-visualization

Плагин помогает создавать веб-визуализации прямо во время диалога с Codex или ChatGPT. Он охватывает цикл от первоначального проектирования и критики макета до написания кода и экспорта готовых компонентов.

Внутри заложены сценарии под разные задачи. Это могут быть классические графики на D3 и Vega-Lite, дашборды на React или диаграммы Ганта. Инструмент также поддерживает скроллителлинг и трёхмерные концепты на WebGL.

Здесь проверяется контрастность и доступность интерфейсов. Код адаптирован под мобильные экраны. Если проект не использует веб-стек вроде React или TypeScript, применить эти шаблоны не выйдет.

Какие задачи решает

создать интерактивные графики и дашборды для веба
спроектировать UML-диаграммы и диаграммы Ганта
подготовить трёхмерные сцены на Three.js и WebGL
проверить контрастность цветов и доступность интерфейса

Примеры запросов агенту

Спроектируй дашборд на React и D3 с фильтрами по датам и проверь контрастность цветов.
Построй диаграмму Ганта для этапов релиза с адаптивным отображением под мобильные экраны.
Сделай интерактивную карту с визуализацией геоданных на WebGL.

Вопросы о build-web-data-visualization

Как установить build-web-data-visualization в Codex?

Плагин подключается через репозиторий openai/plugins в среде Codex или настройках ChatGPT.

Какие типы диаграмм умеет генерировать плагин?

Он поддерживает графики, географические карты, дашборды, диаграммы Ганта, архитектурные схемы UML и трёхмерные сцены на WebGL.

С какими библиотеками работает плагин?

Инструмент рассчитан на стек React, Next.js и TypeScript, а также библиотеки D3, Vega-Lite, Observable Plot и Three.js.

Исходный текст

build-web-data-visualization · MIT

Design, critique, implement, test, and export web data visualizations in Codex, including charts, maps, dashboards, Gantt, UML, scrollytelling, reports, slides, mobile views, shareable state, and advanced WebGL concepts.

Похожие плагины

Все плагины по теме «Фронтенд и UI» →

impeccable pbakaus Даёт агенту словарь дизайнера: 24 команды вроде polish, audit и bolder, чтобы правки интерфейса не сводились к «сделай красиво». ★ 88 212звёзд репо hyperframes HeyGen Собирает MP4-видео из вёрстки на HTML и CSS прямо через диалог с агентом. Пригодится для создания субтитров и анимированных роликов. ★ 72 481звёзд репо typescript-lsp официальный Anthropic Подключает языковой сервер для TypeScript и JavaScript к Claude Code. Помогает переходить к определениям, искать ссылки и проверять ошибки прямо при редактировании кода. ★ 44 635звёзд репо playground официальный Anthropic Собирает одностраничный HTML с ползунками, живым превью и готовым промптом, который можно скопировать обратно в Claude. ★ 44 635звёзд репо frontend-design официальный Anthropic Скилл для Claude, который ведёт фронтенд-работу к выразительной типографике, палитре и анимации вместо типовых ИИ-макетов. ★ 44 635звёзд репо fakechat официальный anthropics Локальный веб-чат для проверки уведомлений канала Claude Code. Сообщения идут в сессию, ответы возвращаются в браузер. ★ 44 635звёзд репо

Из того же набора337

Весь набор →