BeClaude

d3-viz

New
19.9kSmitheryGeneralby davila7

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

Install & Usage

1
Open your MCP config
~/.claude.json
2
Add the server config

Add the configuration to "mcpServers": { "d3-viz": { "command": "...", "args": [] } }

3
Restart Claude Code
/mcp
View source on GitHub
designdata-&-analytics

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is d3-viz?

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

How to install d3-viz?

To install d3-viz: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "d3-viz": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

What is d3-viz best for?

d3-viz is a mcp categorized under General. It is designed for: design, data-&-analytics. Created by davila7.