LogoClawIndex
CasesSkillsAbout
LogoClawIndex

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.

claude-d3js-skill - Create interactive D3.js visualisations

Provides guidance for creating sophisticated, interactive data visualisations with D3.js across JavaScript environments and frameworks.

Tags

Updated: 2026-10-15

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Create custom visualisations
  • Bind data to DOM elements
  • Build scales and axes
  • Implement chart layouts
  • Add pan zoom and brush
  • Create responsive charts
  • Apply visual transitions

Inputs

  • Chart data
  • DOM or SVG container
  • JavaScript framework context

Outputs

  • Rendered data visualisations
  • SVG or DOM chart elements
  • Responsive chart updates

Requirements

  • JavaScript environment
  • D3.js dependency
  • DOM and SVG support

Source

  • Spec: SKILL.md
D3.js
data visualisation
JavaScript
SVG
interactive charts
responsive design
Create custom visualisations
Bind data to DOM elements
Build scales and axes
Implement chart layouts
Chart data
DOM or SVG container
JavaScript framework context
Rendered data visualisations
SVG or DOM chart elements
Responsive chart updates