Create interactive data visualizations, charts, and dashboards using D3.js.
What it does
Claude's D3 knowledge is frozen at an inconsistent point across versions — it mixes D3 v4 and v7 syntax, uses `d3.event` which was removed in v6, generates selections that don't account for D3's update pattern, and produces charts that work in isolation but break when data changes. This skill loads D3 v7 patterns: correct selection and join syntax, proper enter/update/exit, scales configured for real data variance, and interactive features (zoom, brush, tooltip) implemented correctly.
Use case
Creating interactive data visualisations with D3.js — charts that update with data, respond to user interaction, and need to work correctly across data changes. Made by chrisvoncsefalvay, a data visualisation practitioner.
"Build an interactive force-directed graph for this network data." "Create a zoomable treemap from this hierarchical dataset." "Build a time series line chart with a brush for zooming into date ranges." "Make a choropleth map of this regional data with a correct colour scale." "Create a scatter plot with a regression line and interactive tooltips."
Provide your data structure. Claude picks the chart type and scale configuration that suit the data.
Specify interactivity requirements explicitly: zoom, brush, tooltips, linked views.
For React integration: Claude wraps D3 correctly using useEffect and refs — no conflicting DOM management.
Input
A dataset (JSON, CSV, or description of the data structure) and the visualisation you want to produce.
Output
D3 v7 visualisation code with correct selection patterns, proper enter/update/exit handling, scales configured for the data range, and interactivity implemented without version conflicts.
npx skillsadd chrisvoncsefalvay/skills/d3js-visualization
Requires skills.sh CLI
Collection of scientific skills for working with specialized libraries, databases, and research workflows.
Orchestrate ML model evaluation jobs — benchmarks, metrics, reports, and comparison dashboards.
Analyze CSV files and generate insights with automatic visualizations, statistics, and data profiling.