Command reference ยท Claude Code
/dataviz
Provides design help for charts, graphs, and dashboards.
The /dataviz skill provides design guidance when building charts, graphs, and dashboards, independent of the tool used (HTML/React artifact, inline SVG, or plotting code in Matplotlib, Plotly, D3, Recharts, and similar). Claude picks the appropriate chart form for the data at hand, assigns colors by their role, such as category, highlight, or warning level, and validates the chosen palette with a bundled script for colorblind safety and sufficient contrast. The skill also applies rules for marks, interaction, legends, axis labeling, and accessibility, so charts look consistent across different tools.
The starting point is a brand-neutral placeholder palette meant to be swapped out for your own brand colors.
As a [skill], /dataviz can also be triggered automatically by Claude whenever a chart is being created, not only after an explicit slash command. The command requires Claude Code version 2.1.198 or later; it isn't available on older versions.
โ WHEN TO USE IT?
Getting the right chart form and a colorblind-safe palette chosen before building a dashboard
Call /dataviz before building a KPI dashboard with multiple chart types.
Checking an existing visualization's color choices for contrast/colorblind safety
/dataviz, to validate the color assignment of an already-built chart.
โ WHEN NOT TO?
Pure data analysis without a subsequent visualization
/dataviz helps with chart design, not with the data analysis itself
Better: use a normal analysis prompt, bring in /dataviz only once results are shown as a chart
Claude Code before version 2.1.198
the skill requires at least version 2.1.198 and isn't present on older versions
Better: update Claude Code, or set the color/chart choice manually
SOURCES
- Claude Code docs (official) โ code.claude.com
MORE COMMANDS ยท Claude Code