plugins/Build Web Data Visualization

Build Web Data Visualization

Design, build, test, and export web data visualizations

OpenAIDeveloper Toolsv0.1.20

About

Use Build Web Data Visualization to choose, design, implement, test, and export browser charts, dashboards, maps, WebGL/Three.js scenes, Canvas/D3 visuals, Gantt charts, UML/software diagrams, scrollytelling, reports, PDFs, and slide decks. It emphasizes source-backed data, accessible responsive layouts, URL-shareable analysis state, and concept-first design for advanced visual stories.

Tags

build-web-data-visualizationweb-data-visualizationdata-visualizationchartsdashboardsmapsgeospatialvega-liteobservable-plotd3canvaswebglthreejsreactnextjstypescriptsvgaccessibilitytestingvisual-regressionreportsslidesinfographicsscrollytellingparallaxganttumlsoftware-architecturegraph-layoutnode-linkmobileresponsiveshareable-statevisual-designvisual-design-contractcolor-contrastuncertaintyexportdiagramsoperational-workspaceshumanitariangeopoliticalinteractivereadwrite

plugin.json

{
  "name": "build-web-data-visualization",
  "author": {
    "name": "OpenAI"
  },
  "skills": "./skills/",
  "license": "MIT",
  "version": "0.1.20",
  "homepage": "https://openai.com/",
  "keywords": [
    "build-web-data-visualization",
    "web-data-visualization",
    "data-visualization",
    "charts",
    "dashboards",
    "maps",
    "geospatial",
    "vega-lite",
    "observable-plot",
    "d3",
    "canvas",
    "webgl",
    "threejs",
    "react",
    "nextjs",
    "typescript",
    "svg",
    "accessibility",
    "testing",
    "visual-regression",
    "reports",
    "slides",
    "infographics",
    "scrollytelling",
    "parallax",
    "gantt",
    "uml",
    "software-architecture",
    "graph-layout",
    "node-link",
    "mobile",
    "responsive",
    "shareable-state",
    "visual-design",
    "visual-design-contract",
    "color-contrast",
    "uncertainty",
    "export",
    "diagrams",
    "operational-workspaces",
    "humanitarian",
    "geopolitical"
  ],
  "interface": {
    "logo": "./assets/app-icon.svg",
    "category": "Developer Tools",
    "brandColor": "#0B7285",
    "websiteURL": "https://openai.com/",
    "displayName": "Build Web Data Visualization",
    "screenshots": [],
    "capabilities": [
      "Interactive",
      "Read",
      "Write"
    ],
    "composerIcon": "./assets/data-visualization-small.svg",
    "defaultPrompt": [
      "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"
    ],
    "developerName": "OpenAI",
    "longDescription": "Use Build Web Data Visualization to choose, design, implement, test, and export browser charts, dashboards, maps, WebGL/Three.js scenes, Canvas/D3 visuals, Gantt charts, UML/software diagrams, scrollytelling, reports, PDFs, and slide decks. It emphasizes source-backed data, accessible responsive layouts, URL-shareable analysis state, and concept-first design for advanced visual stories.",
    "privacyPolicyURL": "https://openai.com/policies/privacy-policy/",
    "shortDescription": "Design, build, test, and export web data visualizations",
    "termsOfServiceURL": "https://openai.com/policies/terms-of-use/"
  },
  "description": "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."
}

Stats

Upvotes0
Comments0

Details

SourceOpenAI
Versionv0.1.20
AuthorOpenAI
CategoryDeveloper Tools
AddedJun 6, 2026
UpdatedJun 6, 2026

Author

Yash @ Explainx

Links

← back to registry