claude

d3-pro

Makes Claude Code extraordinarily good at building D3 visualizations that are mathematically accurate, physically believable, and aesthetically grounded in the Mike Bostock / Observable canon.

0 on GitHubby Travis Gilbertv1.0.0updated 3 months ago
/

Plugin d3-pro from marketplace codex-marketplace in Travis-Gilbert/claude-marketplace. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (1)

  • standards-d3

    D3.js visualization coding standards — v7 patterns, scale selection, data joins, SVG best practices, force simulation tuning, and anti-patterns. Auto-loads when D3 is in the tech stack or when writing D3 code. Trigger on: any D3 visualization code, "d3," "force graph," "treemap," "hierarchy," "SVG c

Slash commands (1)

  • /d3-pro:style

    Switch the active D3 visual preset

Subagents (8)

  • annotation-writer

    D3 annotation specialist using the d3-annotation library (Susie Lu). Use when adding callouts, labels, badges, thresholds, or any text annotation to a D3 visualization. Knows the full d3-annotation API from source: annotation types (d3Callout, d3CalloutElbow, d3CalloutCurve, d3CalloutCircle, d3Callo

  • cluster-math

    Statistical clustering and D3 visualization specialist. Use when the user needs to visualize cluster analysis results, implement clustering algorithms in JavaScript, or build visualizations that accurately represent algorithmic output from k-means, DBSCAN, HDBSCAN, agglomerative/hierarchical cluster

  • d3-architect

    Core D3.js expertise agent. Use for layout selection, API guidance, module composition, data binding, and general D3 architecture questions. This is the default entry point for any D3 task. It routes to specialized agents when deeper expertise is needed (force-tuner for simulation tuning, hierarchy-

  • force-tuner

    Force simulation specialist. Use when tuning D3 force-directed layouts: charge strength, link distance, alpha decay, velocity decay, collision radius, centering forces, drag behavior, and simulation settling. Knows the exact configurations from canonical Observable examples. Trigger on: "force simul

  • hierarchy-builder

    Hierarchical layout specialist. Use when building tree, treemap, circle packing, partition, sunburst, or cluster dendrogram visualizations with D3. Covers d3.hierarchy(), d3.stratify(), d3.tree(), d3.cluster(), d3.treemap(), d3.pack(), and d3.partition(). Trigger on: "tree," "treemap," "circle packi

  • interaction-engineer

    D3 interaction specialist. Use when implementing drag, zoom, pan, brush, tooltip, hover highlight, linked views, or any user interaction pattern in a D3 visualization. Knows the canonical Observable patterns for combining drag with zoom, brush selection, and linked highlighting. Trigger on: "drag,"

  • label-placer

    Text placement specialist for D3 visualizations. Use when adding labels or handling text overlap. Covers occlusion avoidance, force-based label placement, centerline labels, and context-appropriate labeling decisions (when to show labels vs. tooltips). For rich d3-annotation callouts, badges, thresh

  • style-director

    Visual style director for D3 visualizations. Use to apply or switch aesthetic presets, select color schemes, tune stroke/fill treatments, and ensure output matches the intended aesthetic. Available presets: observable (default), sketch, editorial, dark, minimal. Also handles Observable Framework CSS

View source on GitHub

More from Travis-Gilbert/claude-marketplace

All 21 plugins →

theorems-harness

claudecodex

Theorem's Harness: GraphQL-first MCP for adaptive planning, context, coordination, execution, validation, memory, and learning.

37 skills · 11 commands · 10 agents · 1 MCP server · hooks

0

js-pro

claude

JavaScript expertise plugin with 27 specialist agents covering frontend frameworks, D3.js visualization (force tuning, hierarchy, annotations, clustering, interaction, labels, style presets), Three.js / React Three Fiber / Drei 3D development, and access to real framework source code. Includes skills for JS design patterns, D3 standards, Three.js design, component APIs, and framework migration.

5 skills · 1 command · 27 agents

0

theseus-pro

claudecodex

Intelligence engineering plugin for building systems that learn from their own operation. Successor to SciPy-Pro v4. Provides 7 workflow commands (/reason, /graph, /train, /architect, /simulate, /measure, /learn), 24 domain-expert agents across three tiers, and compound-learning + enrichment-pipeline guidance for EpiGNN, KGE RotatE, SBERT, GL-Fusion, model-swarm routing, and network effects.

1 skill · 7 commands · 24 agents

0

animation-pro

claude

Animation & motion expertise across four domains: UI motion, creative/generative, 3D animation, and programmatic video. Backed by 21 reference source repos and specialized agents grounded in real implementations.

4 skills · 9 commands · 10 agents

0

swift-pro

claude

Native iOS and macOS development plugin with deep expertise in SwiftUI, Swift 6 concurrency, SwiftData, XcodeBuildMCP integration, and Apple platform conventions.

12 commands · 9 agents · hooks

0

django-engine-pro

claude

Django backend mastery: model architecture, ORM optimization, API design (DRF + Ninja), django-polymorphic patterns, MCP server construction, scientific Python integration, and Pydantic v2 mapping. Source-code-backed with Django ORM internals, DRF, Ninja, django-polymorphic, django-mcp-server, django-model-utils, django-pandas, django-filter, Pydantic v2, PydanticAI, and dj-notebook.

1 skill · 9 commands · 7 agents

0

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

CMEM Pro

claude

CMEM Pro for the Claude app - hooks stream tool use to cmem.ai and inject observations into new sessions and agents

3 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

understand-anything

claude

AI-powered codebase understanding — analyze, visualize, and explain any project

9 skills · 10 agents · hooks

Egonex-AI/Understand-Anything 92,410

ruflo-workflows

claude

Visual workflow automation with templates, orchestration, and lifecycle management

5 skills · 8 commands · 3 agents

ruvnet/ruflo 81,589

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

agentic-bundle-aas-observability-ir

claudecodex

Install the "AAS Observability & Incident Response" editorial skill bundle for Claude Code.

12 skills

sickn33/agentic-awesome-skills 49,620

Maintain d3-pro?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins21 plugins