skills.rest
fefogarcia
fefogarciaCOMMUNITY
Explore all skills by this author →
GitHub

data-visualization

Generate charts, dashboards, and infographics from datasets in React, Python, and HTML formats.

1|Updated Feb 10, 2026
Search Tags:#data visualization#dashboard#reporting#data analysis#infographics#charting
One-click install
npx skills add https://github.com/fefogarcia/approved-skills --skill data-visualization-fefogarcia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: data-visualization
Source: https://github.com/fefogarcia/approved-skills/tree/main/skills/data-visualization
Command: npx skills add https://github.com/fefogarcia/approved-skills --skill data-visualization-fefogarcia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires matplotlib, recharts, chart.js, d3, plotly, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps users transform raw data into clear, impactful visual representations, making complex information understandable and actionable.

Core Features & Use Cases

  • Chart Generation: Creates various chart types (bar, line, scatter, etc.) suitable for different data types and analytical goals.
  • Format Flexibility: Supports generating interactive HTML, static images (PNG/PDF), and React components.
  • Design Guidance: Provides principles for effective data visualization, including color, typography, layout, and accessibility.
  • Use Case: You have a dataset of monthly sales figures and want to see the trend over the last year. This Skill can generate a line chart to visualize this trend.

Quick Start

Use the data-visualization skill to create a bar chart showing the sales figures from the attached 'sales_data.csv' file.

Frequently Asked Questions about data-visualization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate interactive charts from a CSV dataset?▼

You can visualize a CSV dataset by using this Skill to generate interactive HTML or React/Recharts components. It applies design principles to transform raw data into clear visual representations suitable for presentation.

Can I create static PNG or PDF charts using Python?▼

Yes, you can create static PNG or PDF visualizations using Python. This Skill supports generating production-quality static images via Python to export charts for offline reporting and analysis.

Does this data visualization tool work with React and D3?▼

Yes, this data visualization tool works with React and D3. It supports generating React/Recharts components and interactive HTML outputs using dependencies like D3, Plotly, and Chart.js.

What is the best way to build a dashboard from raw data?▼

The best way to build a dashboard from raw data is using this Skill to transform datasets into visual representations. It generates production-quality dashboards by applying design principles across multiple chart types.

When should I use Plotly versus Chart.js for infographics?▼

Choose Plotly or Chart.js for infographics based on your output needs. This Skill uses both dependencies to generate interactive HTML and React components, applying layout and color principles for effective data visualization.

Related Skills

Explore More Data & Analytics Skills→
nq-rdlnq-rdl

convert-file

Convert data files between formats using DuckDB COPY statements.

Official
Intermediate
silversteinsilverstein
21

plotly

Generate interactive scientific and statistical visualizations from Python data using Plotly Express and graph objects.

Community
Advanced
Victory-HugoVictory-Hugo
1

clinical-decision-support

Generate clinical decision support documents from biomarker data and trial evidence.

Community
Advanced
aref-vcaref-vc
288

tufte-claude-skill

Generate Tufte-compliant charts from text requests using matplotlib and D3.js.

Community
Advanced