Favicon of d3-data-visualization

d3-data-visualization Skill

AI Agent SkillJavaScriptOpen source

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.

Decision snapshot

Is this a fit?

Best for

Browser automation, Data analysis, Design and media, Writing

Works with

Compatibility not yet detected.

Access

Permission behavior not yet detected.

Setup

Copy skill directory

Project health

18 days ago

Considerations

No specific cautions were detected. Review the source and requested permissions before installing.

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.

Trust signal
95/100
Maintenance signal
90/100
Adoption signal
92/100

Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement. See how SkillIndex evaluates profiles.

Key capabilities

  • Includes SKILL.md support
  • Reusable instructions support
  • Browser automation
  • Data analysis
  • Design and media
  • Writing
  • Browser automation use cases

Declared skill metadata

  • Source file: plugins/build-web-data-visualization/skills/d3-data-visualization/SKILL.md

These fields retain source and confidence evidence from the indexed SKILL.md.

Compatibility and setup

Copy skill directory
  • 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

JavaScriptCopy skill directory

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

Verified compatibility and discovery

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.

Share:

Stars
5,140
Forks
717
Last commit
18 days ago
Last verified
Aug 25, 2026
Metadata fetched
Aug 25, 2026
Repository age
6 months
License
Unknown

Project health auto-fetched from the source repository.

Maintain this resource?

Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.

Alternatives to d3-data-visualization