data-visualization

Generate interactive data visualization apps with React and Recharts.

Updated Apr 8, 2026

Search Tags:#data visualization #Recharts #React #dashboard #OpenAPI

Ready to run

npx skills add https://github.com/Buntyarora97/bcshdbchjdb --skill data-visualization-buntyarora97

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: data-visualization
Source: https://github.com/Buntyarora97/bcshdbchjdb/tree/main/.local/skills/data-visualization
Command: npx skills add https://github.com/Buntyarora97/bcshdbchjdb --skill data-visualization-buntyarora97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of interactive data visualization apps, saving developers time and reducing the complexity of building dashboards, reports, and explorers.

Core Features & Use Cases

Interactive Visualization: Create dashboards, reports, and explorers with charts, tables, and interactive controls.
Data Sources Integration: Handles data sources including integrations, databases, APIs, and CSV files.
OpenAPI Codegen: Automates the generation of API specifications and client code based on OpenAPI definitions.
Use Case: With this Skill, you can quickly build a sales analytics dashboard that combines data from multiple sources and provides interactive insights.

Quick Start

To create a new data visualization project, use the command: createArtifact type=data-visualization

Frequently Asked Questions about data-visualization

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

FAQPage Schema

How do I build an interactive React dashboard from an API?▼

You can build an interactive React dashboard by using this Skill to automate generation with React and Recharts, connecting various data sources for business intelligence and data analysis.

Can I generate client code from OpenAPI specifications for data visualization?▼

Yes, you can generate client code from OpenAPI specifications for data visualization. This Skill automates API specification and client code generation based on OpenAPI definitions.

Does this data visualization workflow support CSV files and external databases?▼

Yes, this data visualization workflow supports CSV files and external databases. It handles multiple data sources including database integrations, APIs, and CSV files for your dashboards.

What is the best way to automate building a sales analytics dashboard?▼

The best way to automate building a sales analytics dashboard is using this Skill, which combines data from multiple sources to provide interactive insights with charts and controls.

How do I create a new data visualization project?▼

To create a new data visualization project, use the command `createArtifact type=data-visualization` to automate the setup of your interactive React and Recharts application.