LogoClawIndex
CasesSkillsAbout
LogoClawIndex

d3-viz - Create interactive custom visualizations with D3.js

Create custom interactive charts, graphs, network diagrams, geographic visualizations, and complex SVG-based data visualizations with d3.js.

Tags

Updated: 2026-10-12

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Create custom visualizations
  • Bind data to DOM elements
  • Build interactive charts
  • Apply scales and layouts
  • Implement SVG transitions
  • Handle responsive sizing

Inputs

  • Visualization data
  • DOM element or selector
  • Container dimensions

Outputs

  • Rendered SVG visualizations
  • Interactive chart behavior
  • Responsive chart updates

Requirements

  • JavaScript environment
  • d3.js library

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
data visualization
D3.js
SVG
interactive charts
JavaScript
Create custom visualizations
Bind data to DOM elements
Build interactive charts
Apply scales and layouts
Visualization data
DOM element or selector
Container dimensions
Rendered SVG visualizations
Interactive chart behavior
Responsive chart updates