d3-data-visualization Skill
Build custom data visualizations with D3. Use when the user needs SVG or DOM-based charts, rich annotation, domain-native contextual backgrounds, data joins, custom scales or interactions, scroll-driven SVG scene states, or precise control over browser visualization behavior. Published by openai in plugins.
What is d3-data-visualization Skill?
Build custom data visualizations with D3. Use when the user needs SVG or DOM-based charts, rich annotation, domain-native contextual backgrounds, data joins, custom scales or interactions, scroll-driven SVG scene states, or precise control over browser visualization behavior. 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
- Data analysis
- Design and media
- Writing
- Browser automation use cases
Technical details
- Install or run with Copy skill directory
When to use d3-data-visualization Skill
- Use it for browser automation.
- Use it for data analysis.
- Use it for design and media.
- Use it for writing.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/build-web-data-visualization/skills/d3-data-visualization/SKILL.md
What it does
Build custom data visualizations with D3. Use when the user needs SVG or DOM-based charts, rich annotation, domain-native contextual backgrounds, data joins, custom scales or interactions, scroll-driven SVG scene states, or precise control over browser visualization behavior.
Skill instructions
D3 Data Visualization Overview Use this skill for custom browser visualizations where SVG or DOM semantics matter and a declarative grammar no longer fits cleanly. D3 is strongest when the chart needs bespoke scales, marks, layouts, transitions, zooming, brushing, annotations, or vector export. Default assumption: use D3 for scales, layouts, geometry, labels, annotation layers, and behavior. Do not turn D3 into the entire application architecture if a framework already owns the surrounding UI. Choose D3 When - the chart needs custom marks or nonstandard layouts - SVG quality matters for export, print, or accessibility - annotation and labeling are part of the design, not an afterthought - the visualization needs custom vector background geometry such as a field, court, track, floor plan, schematic, or other meaningful contextual surface - an editorial story needs data-bound generated cutouts, illustrated substrates, scrollytelling/parallax states, or animated annotation reveals in SVG
Explore related resources
Frequently asked questions
What is d3-data-visualization?
d3-data-visualization is a open-source AI agent skill with Copy skill directory. Build custom data visualizations with D3. Use when the user needs SVG or DOM-based charts, rich annotation, domain-native contextual backgrounds, data joins, custom scales or interactions.
Who is d3-data-visualization best for?
d3-data-visualization is best for reusing agent instructions, scripts, and references, browser automation workflows, data analysis workflows, design and media workflows.
How do I install d3-data-visualization?
Install or run d3-data-visualization using Copy skill directory. Check d3-data-visualization for the latest setup command.
Is d3-data-visualization actively maintained?
d3-data-visualization may need a closer maintenance check before production use.
Auto-fetched from GitHub.
