vega

Create data-driven visualizations from structured tabular data using Vega-Lite and Vega specifications.

Updated May 5, 2026
One-click install
npx skills add https://github.com/XCmiaow/cc-deploy --skill vega-xcmiaow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vega
Source: https://github.com/XCmiaow/cc-deploy/tree/main/skills/vega
Command: npx skills add https://github.com/XCmiaow/cc-deploy --skill vega-xcmiaow

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vega and Vega-Lite remove the tedium of hand-writing chart code by letting you transform structured data into clear, reproducible visualizations.

Core Features & Use Cases

  • Declarative Vega-Lite charts: Quickly generate common statistical visuals such as bar, line, scatter, heatmap, area, and more by mapping fields to encodings.
  • Programmatic Vega charts: Use when you need advanced constructs like radar charts, word clouds, or force-directed layouts.
  • Reliable chart output: Produces valid chart specs by enforcing correct JSON formatting, case-sensitive field names, and required schema declarations.
  • Use Case: Turn a table of quarterly metrics into a multi-series line chart with consistent axes, then adjust types and encodings to make the visualization accurate.

Quick Start

Tell the AI: “Create a Vega-Lite chart spec for my dataset of objects with fields for category and value, and include the correct $schema and encodings so it renders immediately.”

Frequently Asked Questions about vega

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

FAQPage Schema
How do I create data visualizations from structured tabular data using Vega-Lite?

You can create data visualizations from structured tabular data using Vega-Lite by providing a declarative JSON chart specification. This requires valid JSON with double quotes, a specified $schema, case-sensitive field matching, and correct quantitative/nominal/ordinal/temporal type assignments to render statistical charts.

Does Vega-Lite support advanced chart types like radar charts and word clouds?

Vega-Lite does not natively support advanced constructs like radar charts or word clouds. You must use programmatic Vega chart specifications instead of declarative Vega-Lite to generate these advanced visualization outputs.

Why does my Vega-Lite chart specification fail to render?

Your Vega-Lite chart specification fails to render if the JSON formatting is invalid, such as missing double quotes or a specified $schema. It also fails with incorrect quantitative/nominal/ordinal/temporal type assignments or case-sensitive field matching errors.

What is the best way to generate statistical charts like bar, line, and scatter plots from JSON?

The best way to generate statistical charts like bar, line, and scatter plots from JSON is using declarative Vega-Lite chart specifications. You map data fields to visual encodings to quickly produce reproducible outputs without hand-writing chart code.

Can I build multi-series line charts from quarterly metrics using Vega-Lite?

Yes, you can build multi-series line charts from quarterly metrics using Vega-Lite. You map your temporal and quantitative fields to the appropriate axes and encodings to generate accurate, reproducible visualizations with consistent chart output.

What data types do I need to assign when building Vega chart specifications?

When building Vega chart specifications, you must assign correct data types to your fields: quantitative, nominal, ordinal, or temporal. Accurate type assignments ensure the encodings render the statistical visualizations accurately.