LogoClawIndex
CasesSkillsAbout
LogoClawIndex

d3-viz - Create interactive custom D3.js visualisations

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

Tags

Updated: 2026-10-12
D3.jsdata visualisationinteractive chartsSVGJavaScriptnetwork diagramsgeographic visualisation

Capabilities

Create custom visualisationsBind data to DOM elementsBuild interactive chartsImplement pan and zoom

Typical Inputs

Chart dataDOM or SVG containerContainer dimensions

Typical Outputs

Rendered SVG visualisationInteractive chart elementsUpdated DOM content

What this skill does

  • Create custom visualisations
  • Bind data to DOM elements
  • Build interactive charts
  • Implement pan and zoom
  • Implement brush interactions
  • Create network diagrams
  • Create geographic visualisations
  • Apply smooth transitions
  • Support responsive sizing

Inputs

  • Chart data
  • DOM or SVG container
  • Container dimensions
  • Visualisation configuration

Outputs

  • Rendered SVG visualisation
  • Interactive chart elements
  • Updated DOM content
  • Responsive chart rendering

Requirements

  • JavaScript environment
  • d3.js library
  • DOM and SVG support

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.