Skills
.Work. You
Rest

d3js

Community

Create interactive data visualisations.

Design & Creative#charts#javascript#svg#d3.js#data visualisation#interactive graphics
Authorzach-source
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you create custom, interactive data visualisations that go beyond standard charting libraries, offering fine-grained control over visual elements and user interactions.

Core Features & Use Cases

  • Custom Visualisations: Build unique charts, graphs, network diagrams, and geographic visualisations using d3.js.
  • Interactivity: Implement complex pan, zoom, brush, and click behaviours.
  • Transitions & Animations: Add smooth visual transitions and animations to your data.
  • Use Case: You need to create a dynamic force-directed graph to represent relationships between entities, with nodes that can be dragged and linked elements that highlight on hover.

Quick Start

Use the d3js skill to generate a bar chart from the provided data.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: d3js
Download link: https://github.com/zach-source/claude-plugins/archive/main.zip#d3js

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.