chart-visualization_skill

Overview

This skill turns raw data into clear chart images by selecting the best visualization type, extracting the required parameters, and generating an image via a JavaScript script. It supports 26 chart types covering time series, comparisons, part-to-whole, relationships, maps, hierarchies, and specialized visualizations. The skill outputs both the image URL and the exact arguments used for generation so results are reproducible. It is designed for pragmatic, data-driven chart creation with minimal user friction.

How this skill works

The skill analyzes the user's data to pick the most suitable chart from the supported set (for example line, bar, pie, scatter, map, treemap, radar, boxplot, or network). It then reads the specification for that chart type to extract required and optional parameters, maps user data into the expected args schema, and builds a JSON payload. Finally it invokes the generation script with that payload, captures the generated image URL, and returns the image plus the args used.

When to use it

• You need a quick, appropriate chart for exploration or presentation from tabular or structured data.
• You have time-series data and want trend or accumulated visualizations with the right chart type chosen automatically.
• You want reproducible chart generation with the exact arguments returned for debugging or iteration.
• You need specialized visualizations like sankey, treemap, map, radar, or network graphs.
• You want consistent styling and theming applied programmatically before exporting an image.

Best practices

• Provide clean, typed data with clear field names and consistent units to improve automatic mapping.
• Indicate the analytical intent (compare, trend, distribution, part-to-whole, relationship) when ambiguous.
• Supply optional metadata like title, theme, and style preferences to control aesthetics.
• For maps and routes, include explicit coordinate fields and region identifiers.
• Validate the returned args before generating again to iterate quickly on layout or chart type.

Example use cases

• Generate a line or area chart for monthly revenue to highlight trends and seasonal patterns.
• Create a bar chart or histogram to compare product category sales or show frequency distributions.
• Produce a treemap or pie chart to visualize market share or budget allocation (part-to-whole).
• Render a sankey chart to illustrate user flow through conversion funnels.
• Export a scatter plot to explore correlation between two numeric variables and return the args for reproducibility.