This is your go-to when you need visualizations that standard charting libraries can't handle. It covers D3.js fundamentals for building custom, interactive data visualizations with full control over every visual element. The guidance works across vanilla JavaScript, React, Vue, and Svelte, so you're not locked into one framework. Especially useful for network graphs, force-directed layouts, geographic projections, and anything requiring smooth transitions or complex interactions like pan, zoom, and brush behaviors. The skill is clear about when to reach for D3 versus simpler alternatives, which saves you from overengineering basic charts. With 448 installs and solid security audit passes, it's proven useful for developers building publication-quality graphics or novel chart types.
- skills.sh installs
- 445
- GitHub stars
- 33.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add davila7/claude-code-templates --skill d3-viz --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is your go-to when you need visualizations that standard charting libraries can't handle. It covers D3.js fundamentals for building custom, interactive data visualizations with full control over every visual element. The guidance works across vanilla JavaScript, React, Vue, and Svelte, so you're not locked into one framework. Especially useful for network graphs, force-directed layouts, geographic projections, and anything requiring smooth transitions or complex interactions like pan, zoom, and brush behaviors. The skill is clear about when to reach for D3 versus simpler alternatives, which saves you from overengineering basic charts. With 448 installs and solid security audit passes, it's proven useful for developers building publication-quality graphics or novel chart types.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/davila7/claude-code-templates
- Categories
- Frontend Development, Design & UI/UX
- First seen
- Jun 3, 2026
More from davila7/claude-code-templates
All 618- Manim444
- Marketing Psychology443
- Requirements Clarity442
- Frontend To Backend Requirements441
- Canvas Design439
- Nowait Reasoning Optimizer438
- Code Review Checklist437
- Prompt Caching437
- Commit435
- Vercel Deployment433
- C4 Architecture430
- Information Security Manager Iso27001428
- Mlflow427
- Statsmodels426
- Prompt Library423
- Chroma421
- Telegram Mini App420
- Pricing Strategy419
- Seo419
- Evaluating Llms Harness418
- Ml Paper Writing416
- Openalex Database416
- Workflow Automation416
- Backend To Frontend Handoff Docs413
Recommended
More Frontend Development
flutter-uidhruvanbhalara/skillsBuild performant, accessible UIs with strict design tokens and reusable widget patterns. Use when implementing layouts, responsive breakpoints, theming, widget 435skills.sh installs
icon-designjezweb/claude-skillsSelect semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor. Covers concept-to-icon mapping, React/HTML templates, and tree-shaking 428skills.sh installs
inertia-rails-setupinertia-rails/skillsOne-time project initializer for Inertia Rails skills. Detects stack and frontend framework (React/Vue/Svelte) from Gemfile and package.json, offers to install 424skills.sh installs
syncfusion-blazor-commonsyncfusion/blazor-ui-components-skillsSet up Syncfusion Blazor components — project creation, NuGet packages, service registration, script loading, bUnit testing, and localization & globalization co424skills.sh installs
ai-vibe-slidesunclecatvn/agent-skillsCreate beautiful, professional HTML or React slide decks ready for fullscreen presentation. Use this skill when the user wants to: create a PPT/slide/presentati424skills.sh installs
feature-archpproenca/dot-skillsReact feature-based architecture guidelines for scalable applications. This skill should be used when writing, reviewing, or refactoring React code to ensure pr423skills.sh installs