Skills and MCP tagged “build-web-data-visualization”

dashboards-and-real-time-visualization official OpenAI skill Designs dashboards and live data visualization systems. Helps structure streaming data, refresh rates, mobile interruptions, and rendering budgets. CX Codex GP ChatGPT 29installs data-visualization official OpenAI skill This skill routes web visualization tasks, from chart selection to maps, software diagrams, and exports. Use it when an agent needs to plan or review a data visualization. CX Codex GP ChatGPT 26installs uml-and-software-architecture-visualization official OpenAI skill This skill helps choose a notation and format for UML diagrams, architecture maps, workflows, and data models. Use it when you need to describe how a system is structured or behaves. CX Codex GP ChatGPT 24installs visualization-strategy-and-critique official OpenAI skill Selects chart formats, designs dashboard layouts, and critiques data visualizations. Useful when planning visual hierarchy before writing code. CX Codex GP ChatGPT 22installs testing-data-visualizations official OpenAI skill This skill establishes test strategies for charts, dashboards, and diagrams. It separates unit, component, visual regression, and E2E coverage without brittle pixel snapshots. CX Codex GP ChatGPT 18installs node-link-and-diagram-layout official OpenAI skill This skill selects layouts for graphs, diagrams, and connected nodes. Use it when crossings, overlaps, edge routing, or unstable placement make a visual hard to read. CX Codex GP ChatGPT 16installs threejs-data-visualization official OpenAI skill Guides the agent to pick a renderer and build 3D or GPU-heavy visuals when SVG and Canvas2D stop scaling. CX Codex GP ChatGPT 15installs scrollytelling-and-parallax-data-visualization official OpenAI skill Guides the design and implementation of scrollytelling and parallax data visualizations. Use it when scroll progression explains data through staged scene reveals. CX Codex GP ChatGPT 13installs react-and-nextjs-data-visualization official OpenAI skill Patterns for embedding charts and diagrams into React and Next.js: SSR boundaries, hydration safety, URL-backed state, and isolated rendering layers. CX Codex GP ChatGPT 13installs geospatial-and-cartographic-visualization official OpenAI skill This skill helps plan maps by choosing projections, basemaps, visualization types, and implementation tools. Use it for thematic maps, routes, and spatial datasets. CX Codex GP ChatGPT 13installs d3-data-visualization official OpenAI skill This skill builds custom D3 visualizations with SVG or DOM, annotations, bespoke scales, and interaction. Use it when standard chart grammars no longer fit. CX Codex GP ChatGPT 13installs typescript-data-visualization-engineering official OpenAI skill Guides typed data visualization architecture in TypeScript, covering data contracts, state boundaries, and renderer selection from D3 to WebGL. CX Codex GP ChatGPT 9installs gantt-chart-visualization official OpenAI skill Designs Gantt charts, audits schedule models, and selects frontend visualization stacks. Useful when task dates, milestones, and dependencies guide project plans. CX Codex GP ChatGPT 9installs canvas2d-data-visualization official OpenAI skill Renders data visualizations with Canvas2D when DOM overhead slows down the page. Designed for dense scatterplots, sparkline grids, heatmaps, and streaming traces. CX Codex GP ChatGPT 9installs grammar-of-graphics-and-declarative-visualization official OpenAI skill Generates tabular charts using Vega-Lite, Vega, and Observable Plot. It guides the model to pick the right declarative grammar instead of writing bespoke rendering code. CX Codex GP ChatGPT 7installs