·data-visualization
{}

data-visualization

Create production-quality data visualizations including charts, dashboards, and infographics. Use when the user asks to visualize data, create charts, build dashboards, make infographics, plot statistics, or transform datasets into visual representations. Supports React/Recharts artifacts, static images (PNG/PDF via Python), and interactive HTML. Triggers include "visualize this data", "create a chart", "build a dashboard", "make a graph", "plot this", "infographic", or any request to represent data visually.

3Installs·0Trend·@dodatech

Installation

$npx skills add https://github.com/dodatech/approved-skills --skill data-visualization

How to Install data-visualization

Quickly install data-visualization AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dodatech/approved-skills --skill data-visualization
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dodatech/approved-skills.

SKILL.md

View raw

Create clear, purposeful visualizations that communicate data effectively.

| React Artifact | Interactive dashboards, real-time exploration, web delivery | Recharts + Tailwind | | HTML Artifact | Standalone interactive charts, shareable files | Chart.js or D3 | | Python → PNG/PDF | Print-ready graphics, reports, presentations | Matplotlib/Seaborn | | Python → Interactive | Notebooks, exploratory analysis | Plotly |

Create production-quality data visualizations including charts, dashboards, and infographics. Use when the user asks to visualize data, create charts, build dashboards, make infographics, plot statistics, or transform datasets into visual representations. Supports React/Recharts artifacts, static images (PNG/PDF via Python), and interactive HTML. Triggers include "visualize this data", "create a chart", "build a dashboard", "make a graph", "plot this", "infographic", or any request to represent data visually. Source: dodatech/approved-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dodatech/approved-skills --skill data-visualization
Category
{}Data Analysis
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from dodatech/approved-skills

Quick answers

What is data-visualization?

Create production-quality data visualizations including charts, dashboards, and infographics. Use when the user asks to visualize data, create charts, build dashboards, make infographics, plot statistics, or transform datasets into visual representations. Supports React/Recharts artifacts, static images (PNG/PDF via Python), and interactive HTML. Triggers include "visualize this data", "create a chart", "build a dashboard", "make a graph", "plot this", "infographic", or any request to represent data visually. Source: dodatech/approved-skills.

How do I install data-visualization?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dodatech/approved-skills --skill data-visualization Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/dodatech/approved-skills