d3js-1-data-binding
About
This skill provides D3.js data binding fundamentals for creating data-driven visualizations. It covers binding datasets to DOM elements using enter/update/exit patterns, creating scales and axes for positioning, and implementing smooth transitions. Use it when you need to dynamically generate or update SVG elements based on changing data in charts and graphs.
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/d3js-1-data-bindingCopy 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.
chartjs-chartjs-zoom-plugin
OtherThis skill enables zooming and panning functionality for Chart.js visualizations via the chartjs-plugin-zoom. It allows users to interactively explore detailed data regions by dragging to pan and scrolling to zoom on charts. Developers should use this when they need to add interactive data navigation to their Chart.js graphs.
plotly-with-pandas
OtherThis skill provides Plotly integration with Pandas for streamlined data visualization from DataFrames. It enables direct plotting from CSV data and includes NumPy compatibility for mathematical visualizations. Use it when working with tabular data in Jupyter environments where interactive charts are needed.
plotly-vertical-legends-avoid-toolbar-clash
OtherThis skill provides Plotly layout configurations to position legends vertically on the right side, preventing overlap with the horizontal toolbar. It includes specific margin adjustments and compact styling to ensure the legend has adequate space. The skill also recommends a trace ordering strategy for multi-dataset plots to logically group legend entries.