typescript-data-visualization-engineering Skill
Build typed data visualizations in TypeScript. Use when the user wants TypeScript visualization code, typed data models, browser visualization components, UML-like diagram models, interactive graph or architecture diagram contracts, scroll-driven scene contracts, library selection guidance, or a maintainable visualizat Published by openai in plugins.
What is typescript-data-visualization-engineering Skill?
Build typed data visualizations in TypeScript. Use when the user wants TypeScript visualization code, typed data models, browser visualization components, UML-like diagram models, interactive graph or architecture diagram contracts, scroll-driven scene contracts, library selection guidance, or a maintainable visualizat Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Browser automation
- Testing
- Data analysis
- Browser automation use cases
- Testing use cases
Technical details
- Install or run with Copy skill directory
When to use typescript-data-visualization-engineering Skill
- Use it for browser automation.
- Use it for testing.
- Use it for data analysis.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/build-web-data-visualization/skills/typescript-data-visualization-engineering/SKILL.md
What it does
Build typed data visualizations in TypeScript. Use when the user wants TypeScript visualization code, typed data models, browser visualization components, UML-like diagram models, interactive graph or architecture diagram contracts, scroll-driven scene contracts, library selection guidance, or a maintainable visualizat
Skill instructions
TypeScript Data Visualization Engineering Overview Use this skill when the visualization must live in a TypeScript application. The focus is not just chart rendering. The focus is reliable data contracts, clear component boundaries, maintainable integration architecture, and a renderer that fits the product surface. If the request is specifically about React components, client or server boundaries, hydration, dynamic loading, or Next.js delivery constraints, route first to ../react-and-nextjs-data-visualization/SKILL.md. If the request is primarily about test strategy, mocks, screenshot coverage, or deciding which chart logic deserves unit tests, route first to ../testing-data-visualizations/SKILL.md. Renderer and Library Selection - D3: custom chart math, behaviors, and bespoke SVG or hybrid views. - Observable Plot or Vega-Lite wrappers: fast, declarative 2D charts. - Visx, Recharts, ECharts, or Chart.js: product-oriented chart layers when their abstraction fits. - Canvas2D adapters:
Explore related resources
Frequently asked questions
What is typescript-data-visualization-engineering?
typescript-data-visualization-engineering is a open-source AI agent skill with Copy skill directory. Build typed data visualizations in TypeScript. Use when the user wants TypeScript visualization code, typed data models, browser visualization components, UML-like diagram.
Who is typescript-data-visualization-engineering best for?
typescript-data-visualization-engineering is best for reusing agent instructions, scripts, and references, browser automation workflows, testing workflows, data analysis workflows.
How do I install typescript-data-visualization-engineering?
Install or run typescript-data-visualization-engineering using Copy skill directory. Check typescript-data-visualization-engineering for the latest setup command.
Is typescript-data-visualization-engineering actively maintained?
typescript-data-visualization-engineering may need a closer maintenance check before production use.
Auto-fetched from GitHub.
