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