VisActorVisActorOfficialยท1 Agent Skills Included

VChart

Build, fix, and restore VChart data visualizations with AI

Generates complete VChart chart configurations for bar, line, pie, and other chart types from plain-English requests. Diagnoses broken charts, field mapping errors, and failed interactions, then outputs fixed, runnable code. Restores chart styles from screenshots or Figma designs and adds interactions like click events, live data updates, and image export. Produces ready-to-open HTML demos for both plain JavaScript and React-VChart projects.
npx skills add VisActor/VChart --all -g -y
Available:

Gives the AI agent engineering rules for working on the VChart codebase, prioritizing correct rendering, high performance on large datasets, stable public APIs, and minimal defensive fallbacks.

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install VChart skills?โ–ผ

Run `npx skills add VisActor/VChart --all -g -y` in your terminal to install all skills in this suite globally.

How to generate a chart with AI?โ–ผ

Describe the chart type, share a sample of your data, and the assistant outputs a complete VChart spec wrapped in a runnable HTML file you can open directly in a browser.

Why is my VChart chart blank or not rendering?โ–ผ

The most common cause is xField or yField not matching your data keys exactly. The skill diagnoses your spec, pinpoints the error, and returns a corrected version.

Can AI recreate a chart from a screenshot or Figma design?โ–ผ

Yes. Provide a chart image or Figma design and the skill infers the styles, colors, and layout, then generates a matching VChart configuration.

Does this work with React-VChart?โ–ผ

Yes. The skill supports both plain JavaScript and @visactor/react-vchart, including React-specific diagnosis templates and component code.

Related Repositories in Data & Analytics

View All in Data & Analyticsโ†’