Data Visualization & Dashboards Skills for Claude Code, Codex & AI Agents

These skills help an agent turn data into a visual that answers a question. Members cover dashboards, scientific figures, Infographic and diagram tools, AntV maps, HTML artifacts, and slide charts.

18 skills

Start here

Chen Liu's VIGIL radar comparison, reused from the figures4papers README.
Free
Images

Figures for Papers

Create publication-style Matplotlib charts with an AI agent, using scientific plotting conventions, reference scripts and print or vector export guidance.

11.1KStars767Forks
Repository last pushed
Video & Motion

ManimGX

Create mathematical explanations and 3D animations in Python, inspect their layout and timing, and export MP4 videos with editable scene source.

2.7KStars190Forks
Repository last pushed

Dashboard Creator

mhattingpete

Create an HTML dashboard with KPI cards, charts and progress indicators.

  • dashboards
  • data-visualization
694Stars98Forks
Repository last pushed
SeeCode Diagrams — Bar chart export
Free
Images

SeeCode Diagrams

Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.

934Stars68Forks
Repository last pushed

Explore Data Visualization & Dashboards skills

14 skills
Animated job queue state machine with workers, retries and replay controls.
Free
Web & UI

Visual Explainer

Turn systems, code changes and plans into visual HTML pages, diagrams and slide decks.

11KStars697Forks
Repository last pushed

Ship TanStack Charts with meaningful accessibility, deterministic SSR and hydration, correct adapter lifecycle, renderer and export choices, exact package subpaths, and explicit React Native validation.

  • charts
  • accessibility
870Stars57Forks
Repository last pushed
Nature Skills repository banner with a research robot and its literature, writing, review and figure workflows.
Free
Images

Nature Figure

Create scientific figures in Python or R, with multi-panel layout checks, editable outputs and optional AI schematic drafts.

53.3KStars2.8KForks
Repository last pushed
Open SWE dashboard and context-window status.
Free
Web & UI

Open SWE HTML Artifacts

Build themed HTML plan artifacts, dashboard iframes and Slack attachments for the Open SWE runtime.

11.2KStars1.3KForks
Repository last pushed
An illustrated furniture assembly guide in the author's IKEA manual infographic style.
Free
Images

Infographic Creator

Transform source material into an infographic using selectable layouts and visual styles.

27.5KStars3KForks
Repository last pushed

Build consulting presentations from HTML slide parts with a design rulebook, automated checks, PDF output and an optional editable PowerPoint conversion.

  • ppt
  • presentations
  • reports
1.6KStars135Forks
Repository last pushed
Web & UI

AntV L7

Build WebGL map applications with interactive geographic layers, animations, and spatial datasets.

4.1KStars653Forks
Repository last pushed

Choose an honest visualization from a user story, metric, comparison, projection, target, or explanatory goal before selecting TanStack Charts marks. Load whenever a user asks to graph, chart, visualize, compare, forecast, project, explain, or communicate data.

  • charts
  • data visualization
870Stars57Forks
Repository last pushed
Understand Anything codebase graph
Free
Research & data

Understand Anything: Graph Dashboard

Launch an interactive dashboard for exploring a project’s saved knowledge graph.

92.3KStars7.9KForks
Repository last pushed

MARP Slides

robonuggets

Create Marp presentations from Markdown with SVG charts, dashboard components and reference decks, then export to HTML, PDF or PowerPoint.

  • ppt
  • presentations
  • markdown
334Stars58Forks
Repository last pushed
Lieflat Charts — official illustration from the upstream README
Free
Documents

Lieflat Charts

Create template-driven HTML data visualizations, full-page reports, and HTML or PDF presentations with consistent typography and chart styles.

6.8KStars414Forks
Repository last pushed
Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
Free
Presentations

PowerPoint Presentations

Create and edit PowerPoint decks with varied layouts, editable charts and document validation.

193.4KStars22.8KForks
Repository last pushed

Use this skill whenever the user wants to create, customize, or troubleshoot G2 v5 chart visualizations. Triggers include: any mention of 'G2', 'antv g2', '@antv/g2', 'G2 chart', 'G2 可视化', or requests to produce charts like bar charts (柱状图), line charts (折线图), pie charts (饼图), scatter plots (散点图), area charts (面积图), heatmap (热力图), radar charts (雷达图), treemap (矩形树图), funnel charts (漏斗图), sankey diagrams (桑基图), gauge (仪表盘), wordcloud (词云), boxplot (箱线图), as well as G2-specific topics like encode channels, scale config, coordinate systems, transforms, interactions, themes, labels, and animations. Also use when debugging G2 rendering errors, V4→V5 migration issues, or chart type selection. Do NOT use for G6 graph/network visualization, X6 editor diagrams, or S2 pivot tables.

  • charts
  • data visualization
534Stars39Forks
Repository last pushed

Create visual HTML articles, interfaces, images, motion videos and narrated web presentations, or retrieve local knowledge.

  • web-design
  • visualization
15KStars1.7KForks
Repository last pushed

Related topics

How to choose Data Visualization & Dashboards skills

Choose a dashboard entry for interactive monitoring, a scientific figure skill for papers, and diagram or slide tools when the visual must explain rather than explore data.

  • Build a dashboard from a data table
  • Create a publication figure from experiment results
  • Explain a trend with a clear chart