skills.rest
devforth
devforthOFFICIAL
Explore all skills by this author →
WebsiteGitHub

charts

Translate analytics responses into Vega-Lite chart specifications with titles, axes, and tooltips.

1|Updated Apr 13, 2026
Search Tags:#analytics#charts#visualization#spec#generate#vega-lite
One-click install
npx skills add https://github.com/devforth/adminforth-agent --skill charts-devforth
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: charts
Source: https://github.com/devforth/adminforth-agent/tree/main/custom/skills/charts
Command: npx skills add https://github.com/devforth/adminforth-agent --skill charts-devforth

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Translate analytics responses into Vega-Lite chart specifications to enable immediate visualization.

Core Features & Use Cases

  • Automatic Vega-Lite generation: Convert analytics results into fully-formed Vega-Lite specs with titles, axes, and tooltips.
  • Multi-type support: Create line, bar, area, scatter, pie, and histogram charts as needed.
  • Use Case: When analysts or product teams need quick visualizations of trends, distributions, or comparisons from analytics queries.

Quick Start

Request a Vega-Lite chart specification for the latest analytics result and return it as a valid JSON Vega-Lite spec.

Frequently Asked Questions about charts

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

FAQPage Schema
How do I generate Vega-Lite chart specifications from analytics data?▼

To generate Vega-Lite chart specifications, translate analytics responses into JSON specs with titles, axes, and tooltips. This process enables immediate visualization of trends, comparisons, or distributions from your query results.

Do I need to manually configure axes and tooltips for Vega-Lite visualization?▼

No, Vega-Lite visualization specs are generated automatically with titles, axes, and tooltips included. You simply request a chart specification for your analytics result to receive a valid JSON Vega-Lite spec ready for rendering.

What is the best way to visualize analytics query results as charts?▼

The best way to visualize analytics query results is translating them into Vega-Lite chart specifications. This approach produces valid JSON with full support for line, bar, area, scatter, pie, and histogram visualizations with proper tooltips.

Can I create a histogram chart from analytics data using Vega-Lite?▼

Yes, you can create histogram charts from analytics data using Vega-Lite. The chart generation supports histograms, alongside line, bar, area, scatter, and pie chart types, converting analytics responses into fully-formed specifications.

Related Skills

Explore More Data & Analytics Skills→
shekerkammashekerkamma

vega

Render Vega and Vega-Lite data visualizations inside Markdown documents.

Community
Intermediate
spqwspqw

observable-framework-lib-vega-lite

Integrate Vega-Lite charts into Observable Framework projects via JavaScript API or JSON specifications.

Community
Intermediate
phillipganphillipgan
1

chart-image

Generate chart images from JSON data using Vega-Lite and Sharp.

Community
Intermediate
DbxstudioDbxstudio
82

data-visualization

Generate bar, line, pie, scatter, area, and histogram charts from SQL queries.

Official
Intermediate