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.