# Build Web Data Visualization (ChatGPT Plugin)

> Design, build, test, and export web data visualizations

- Type: plugin
- Publisher: OpenAI (official)
- Categories: Data & Analytics, Development, Design
- Website: https://github.com/openai/plugins/tree/main/plugins/build-web-data-visualization
- Docs: https://learn.chatgpt.com/docs/plugins
- Source: https://github.com/openai/plugins
- Open in ChatGPT: https://chatgpt.com/plugins/Plugin_40dab999fe9c8191bbc2f550371692fc
- GitHub stars: 7248
- Listed: 2026-05-26

## About

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. Skills for D3, Canvas2D, Three.js, React/Next.js charts, dashboards, geospatial maps, Gantt, UML, scrollytelling, statistical/uncertainty visualization, accessibility, testing and report/slide export. Listed in OpenAI's curated Codex marketplace (openai-curated); the manifest declares skills.

## Install

1. **Add it in ChatGPT** Open Plugins in the ChatGPT sidebar (web or desktop), search for “Build Web Data Visualization” and select +. You'll be asked to sign in to any connected service on first use. Then type @ in a chat to call it.

2. **Or install it in Codex**

   Codex CLI:

   ```bash
   codex plugin add build-web-data-visualization@openai-curated
   ```

## Skills

- **Accessibility and Inclusive Visualization**: Make data visualizations accessible and inclusive
- **Canvas2D Data Visualization**: Render data visualizations with Canvas2D
- **D3 Data Visualization**: Build custom data visualizations with D3
- **Dashboards and Real-Time Visualization**: Design dashboards and live visualization systems
- **Build Web Data Visualization Router**: Route web data visualization requests to the right specialist skill
- **Gantt Chart Visualization**: Design and implement Gantt charts and schedule visualizations
- **Geospatial and Cartographic Visualization**: Design geospatial and cartographic visualizations
- **Grammar of Graphics and Declarative Visualization**: Build data visualizations with declarative grammars
- **Node-Link and Diagram Layout**: Choose layout strategies for node-link diagrams
- **React and Next.js Data Visualization**: Integrate data visualizations into React and Next.js applications
- **Reports, PDFs, and Slide Automation**: Lay out and export data-rich reports and documents
- **Scrollytelling and Parallax Data Visualization**: Design parallax scrolling and scrollytelling visualizations
- **Statistical and Uncertainty Visualization**: Design statistically honest and uncertainty-aware visualizations
- **Testing Data Visualizations**: Test data visualizations and dashboards
- **Three.js and WebGL Data Visualization**: Render WebGL-accelerated data visualizations

## Example prompts

- "Visually design this advanced visualization with large-screen and mobile concepts"
- "Choose the best chart, layout, shareable state, grammar, and stack for this dataset"
- "Design QA for this chart, dashboard, map, or WebGL visualization"

## Also available as

- app: [MCP App Basics (Apps SDK example)](https://chatgptplugins.directory/apps/apps-sdk-mcp-app-basics.md)
- MCP server: [OpenAI Docs MCP](https://chatgptplugins.directory/mcp/openai-docs.md)

## Related

- [Superpowers](https://chatgptplugins.directory/plugins/superpowers.md): Plan, develop, and debug code
- [Codex Security](https://chatgptplugins.directory/plugins/codex-security.md): Security scanning for your codebase
- [Build Web Apps](https://chatgptplugins.directory/plugins/build-web-apps.md): Build frontend-focused web apps with generated assets, browser testing, payments, and...
- [GitHub](https://chatgptplugins.directory/plugins/github.md): Triage PRs, issues, CI, and publish flows
- [Figma](https://chatgptplugins.directory/plugins/figma.md): Figma design-to-code workflows
- [Data Analytics](https://chatgptplugins.directory/plugins/data-analytics.md): Answer product and business questions with data

---
Source: https://chatgptplugins.directory/plugins/build-web-data-visualization · Index: https://chatgptplugins.directory/llms.txt · Independent and community-run. Not affiliated with or endorsed by OpenAI. ChatGPT is a trademark of OpenAI.