d3js
About
This skill enables developers to create fully custom, interactive data visualizations using D3.js, offering complete control over every visual element and complex user interactions. It's ideal for building unique, bespoke charts not available in standard libraries and for implementing sophisticated data-driven DOM manipulations and animations. Use it when you need maximum customization, but avoid it for simple charts where quicker solutions like Chart.js would suffice.
Quick Install
Claude Code
Recommendednpx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/d3jsCopy and paste this command in Claude Code to install this skill
GitHub Repository
Related Skills
d3js
OtherThis skill enables developers to create fully customized, interactive data visualizations using D3.js, offering complete control over SVG elements and data binding. It's ideal for building unique, complex charts with sophisticated transitions and interactions that standard libraries can't achieve. Use it when you need bespoke, data-driven visualizations rather than simple, pre-styled charts.
plotly-javascript-cdn
OtherThis skill provides the CDN script tag to embed Plotly.js directly into web projects for interactive data visualizations. It's ideal for developers needing quick client-side charting without build tools or npm dependencies. The skill also includes complementary installation commands for Python/R Plotly backends.
highcharts-theming
OtherThis skill enables developers to apply custom visual themes to Highcharts visualizations. It provides reference code for globally configuring colors, backgrounds, fonts, and other styling options using `Highcharts.setOptions()`. Use this skill when you need to maintain consistent branding or styling across multiple charts in your application.
echarts-typescript-support
OtherThis skill provides TypeScript type definitions and examples for using ECharts charts in TypeScript projects. It includes the `EChartsOption` type for type-safe chart configuration and demonstrates proper imports and initialization. Use this reference when building data visualizations with ECharts in TypeScript to get autocomplete and type checking.