skills.rest
Buntyarora97
Buntyarora97COMMUNITY
Explore all skills by this author →
GitHub

data-visualization

Generate interactive data visualization apps with React and Recharts.

Updated Apr 8, 2026
Search Tags:#data visualization#Recharts#React#dashboard#OpenAPI
One-click install
npx skills add https://github.com/Buntyarora97/bcshdbchjdb --skill data-visualization-buntyarora97
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Data & Analytics Skills→
Wike-CHIWike-CHI
2

data-automation-service

Automate data cleaning and transformation for raw datasets.

Community
Intermediate
mattwoodcomattwoodco
3

unicorn-studio

Integrate no-code WebGL shader effects into web applications via JSON configurations.

Community
Intermediate
caffeinelabscaffeinelabs

extension-authorization

Enforce role-based access control in Motoko canisters and React front-ends.

Official
Advanced
ckrono-progckrono-prog

data-visualization

Automate interactive data visualization apps with React, Recharts, and OpenAPI codegen.

Community
Advanced