skills.rest
silverbee-ai
silverbee-aiOFFICIAL
Explore all skills by this author →
GitHub

charts-output

Enforce data and spec rules for rendering Cowork charts via show_generative_ui.

Updated Apr 6, 2026
Search Tags:#ui#dashboard#visualization#chart#data-formatting#show_generative_ui
One-click install
npx skills add https://github.com/silverbee-ai/claude-silverbee-marketplace --skill charts-output
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: charts-output
Source: https://github.com/silverbee-ai/claude-silverbee-marketplace/tree/main/plugins/silverbee/skills/charts-output
Command: npx skills add https://github.com/silverbee-ai/claude-silverbee-marketplace --skill charts-output

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Chart rendering in Cowork can be error-prone when variants, data keys, or numeric values are mis-specified. This skill provides a definitive reference and data-formatting rules to ensure show_generative_ui charts render consistently.

Core Features & Use Cases

  • Establishes allowed chart variants (line, area, bar, pie, donut, scatter, radar, radialBar, treemap, funnel, sankey, composed) and maps their data requirements.
  • Defines data formatting rules (numbers only in value fields, period/date keys first, concise key names, null values as gaps).
  • Includes example data shapes for common chart types (time-series, category comparisons, multi-series) to guide dashboard design and QA.

Quick Start

Create a simple line chart spec with period as the X key and numeric values to render a basic time-series.

Frequently Asked Questions about charts-output

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

FAQPage Schema
How do I format data for show_generative_ui charts so they render correctly?▼

To format data for show_generative_ui charts, place period or date keys first, use concise key names, include numbers only in value fields, and represent null values as gaps to ensure consistent chart rendering.

What chart variants are supported for dashboard visualization in Cowork?▼

Supported chart variants for Cowork dashboard visualization include line, area, bar, pie, donut, scatter, radar, radialBar, treemap, funnel, sankey, and composed charts.

How do I create a time-series line chart using generative UI?▼

Create a time-series line chart by defining a spec with period as the X key and mapping numeric values to ensure reliable rendering via show_generative_ui.

Why are my dashboard charts failing to render or showing errors?▼

Dashboard charts fail to render when variants, data keys, or numeric values are mis-specified, requiring strict adherence to allowed chart spec definitions and data formatting rules.

What data formatting rules apply to category comparison and hierarchical charts?▼

Category and hierarchical charts require numbers only in value fields, concise key names, and proper period or date key placement first, with null values handled as gaps.

Are there restrictions on using tables for chart visualization in Cowork?▼

Yes, chart visualization in Cowork enforces specific table restrictions to ensure data shapes and visuals satisfy defined guidelines for dashboards and reports.

Related Skills

Explore More Data & Analytics Skills→
yangqiongyangqiong

Data Cleaning Skill

Cleans raw datasets by handling missing values, duplicates, and data types.

Community
Intermediate
gracefullightgracefullight

plotly

Generate interactive Plotly visualizations for data analysis and reporting.

Community
Advanced
easyspace-aieasyspace-ai

chart-visualization

Select optimal chart types and generate chart images from structured data.

Community
Advanced
silverbee-aisilverbee-ai

show-generative-ui

Render interactive dashboards and UI elements in chat via templates or custom specs.

Official
Advanced