AI agent skills for data visualization
Visualization skills carry the judgments that make a chart readable: which form fits the comparison, how many colours a category scale can hold, when a number is better than a plot. That is the part an agent does not have an opinion about by default, so it produces a rainbow bar chart with a truncated axis. The ones worth installing also cover the accessible case — colour that survives greyscale and colour-blindness.
People land here searching for “claude code chart skill”, “agent skill for data visualization”, “dashboard skill”.
14 data visualization skills Refine in search →
-
arbazkhan971 Skill ChartData visualization. chart, graph, dashboard, visualize data, plot, analytics, D3.js, Chart.js, Recharts, Plotly.
-
phoroth Skill PlotlyCreate interactive, publication-quality visualizations with 40+ chart types, hover, zoom, pan, and web embedding. Choose between Plotly Express and Graph Objects for dashboards, exploratory analysis, and presentations.
Audited 3 -
nikoxkx Skill Visualization GeneratorCreates data visualizations using matplotlib, seaborn, plotly, or D3.js. Use when generating charts, graphs, dashboards, or exploratory data plots.
-
tomevault-io Bundle Dashboard VisualizationGuide for building dashboards, charts, KPI cards, and data visualizations. Use when creating dashboard pages, adding charts to features, building stat displays, aggregating data for visual presentation, or implementing export (CSV/PNG/fullscreen) for charts. Based on the Books dashboard implementation using Recharts and shadcn/ui chart components. Use when this capability is needed.
Audited -
seb1n Skill Data VisualizationCreate clear, effective charts and dashboards from structured data using matplotlib, seaborn, and plotly. Use when the user requests data visualization or provides relevant inputs for this workflow.
Audited 159 -
bbeierle12 Bundle DashboardData dashboard development patterns including charts, real-time updates, filtering, and responsive layouts for analytics applications.
-
ykforerlang Bundle Data Charts VisualizationDefault skill for structured-data visualization, chart generation, and dashboard-style reporting. Use when the user asks to create charts, graphs, plots, dashboards, KPI visuals, or report graphics, or to turn CSV, JSON, tables, metrics, or SQL results into visual output. Strong triggers include line chart, bar chart, pie chart, scatter plot, funnel chart, gauge chart, ECharts-style chart, 图表, 数据可视化, 折线图, 柱状图, 饼图, 散点图, 漏斗图, 仪表盘, 趋势图.
-
cosmix Skill Loom Data Visualization 2Build effective charts, dashboards, and reports across analytics, infrastructure monitoring, and ML domains.
- cosmix Skill Loom Data Visualization
Build effective charts, dashboards, and reports across analytics, infrastructure monitoring, and ML domains.
-
tkolleh Bundle VisualizeTrigger on: chart, plot, visualize data, bar chart, line chart, scatter plot, pie chart, line graph, Vega-Lite, make a chart from CSV/JSON/table. Generates charts (bar, line, scatter, pie) from CSV, JSON, or pasted tabular data using Vega-Lite, with automatic column-type detection and chart-type recommendation. Use when the user wants a data visualization from a table or file — not for architecture/sequence diagrams (use diagram), network graphs, or design/art images.
Audited -
h4vzz Skill Data VisualizationCreate clear, effective charts and dashboards from structured data using matplotlib, seaborn, and plotly.
-
lingxling Bundle PlotlyCreates interactive, publication-quality charts with 40+ types, hover tooltips, zoom, and web-embeddable exports for dashboards and exploratory analysis.
Audited 253 -
ai-analyst-lab Skill Visualization PatternsApply whenever you generate any chart, graph, or data visualization — from SQL results, in the chart-maker agent, in decks, or on "make a chart / visualize / plot / dashboard" requests. Enforces Storytelling With Data: gray first, one focus color, action titles, direct labels, no pies, using the helpers in helpers/viz/chart_helpers.py.
-
metapages Bundle FramejsCreate, modify, and share interactive browser apps and visualizations from JavaScript via framejs.io. The app is encoded into a shareable URL that runs instantly — no build, server, or account. Use when the user wants a chart, graph, plot, dashboard, animation, simulation, creative coding sketch, data visualization, or small interactive web tool; when they reference a framejs.io short URL (/j/<sha256>) to modify; or when they want to visualize a local data file (CSV, JSON, image, etc.).
How to install a data visualization skill
- Compare the skills. Read the data visualization skills below — each page shows the full SKILL.md, its safety verdict, and the capabilities it declares.
- Install it. Run npx skillmds@latest add <owner>/<name>. The CLI writes the skill into every agent directory it detects, or use --agent to pin one.
- Use it. Restart your agent. It loads the skill on demand the next time you ask for something that matches — you do not have to name the skill.
What makes a good data visualization skill?
Visualization skills carry the judgments that make a chart readable: which form fits the comparison, how many colours a category scale can hold, when a number is better than a plot. That is the part an agent does not have an opinion about by default, so it produces a rainbow bar chart with a truncated axis. The ones worth installing also cover the accessible case — colour that survives greyscale and colour-blindness.
Every skill listed here is a plain SKILL.md file in the format Anthropic documents for Agent Skills, read unchanged by Cursor, OpenAI Codex and 60+ agents. Each passes a safety review before it is publicly listed; the verdict and declared capabilities are on every skill's page.
Frequently asked questions
What is an agent skill for data visualization?
Visualization skills carry the judgments that make a chart readable: which form fits the comparison, how many colours a category scale can hold, when a number is better than a plot. That is the part an agent does not have an opinion about by default, so it produces a rainbow bar chart with a truncated axis. The ones worth installing also cover the accessible case — colour that survives greyscale and colour-blindness.
Which charting libraries do these skills target?
It varies — matplotlib, plotly, D3, Recharts and Vega all have skills built around them, and some are library-agnostic and teach the design rules instead. The skill's description names its target, so filter by what your project already uses.
Which agents can use these data visualization skills?
Any agent that reads SKILL.md files: Claude Code, Claude.ai, Cursor, OpenAI Codex, Windsurf, OpenCode and 60+ others. The format is not vendor-specific, so the same file works everywhere — each agent just keeps its skills in a different directory, listed at /agents.
Are these data visualization skills free?
Yes. Searching, reading and installing skills on SkillMD is free and needs no account. Individual skills carry their own licence, shown on each skill's page.