Skip to content
cccskills
FreePublished on GitHub

chart-rendering

Visualise the result of an analysis as a chart (line, bar, area, scatter, etc.). Use when the user asks to "plot...", "chart...", "show me the trend of...", "visualise...", or when a numerical result has more than ~10 rows and would be easier to read as a picture. Produces an image file plus the script that generated it.

The English summary is being prepared. Showing the original description.

agentscope-ai/agentscope-java
See how to install

Files included (1)

  • SKILL.md3.0 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Chart Rendering Skill

Repeatable SOP for turning a result set into a chart that actually communicates the point.

Steps

  1. Match chart type to question. Decide before drawing:

    Question shapeChart
    "How does X change over time?"Line (single series) or multi-line
    "Composition / share of total"Stacked bar, or 100% stacked area
    "Comparison across a small set of categories"Bar (horizontal if labels are long)
    "Relationship between two numeric variables"Scatter
    "Distribution of a single variable"Histogram or box plot
    "Cumulative total"Area

    If none fit, ask the user which view they want — do not default to "any chart will do".

  2. Prepare the data. The query result from the [[sql-analysis]] Skill should already be tidy (one row per data point, one column per dimension). If not, reshape first using pandas (pivot, melt, groupby). Save the cleaned frame to knowledge/cache/<topic>.csv so it can be re-rendered.

  3. Render with matplotlib. Write the script to a file under scratch/charts/<topic>.py and execute it via shell_run. Conventions:

    • Title — one sentence answering the question (not "Untitled chart").
    • Axes — label both, include units (Active users (count), Date (UTC)).
    • Legend — include only if there is more than one series.
    • Colours — use the matplotlib default palette unless the user has a stated brand colour in knowledge/style.md.
    • Output — save as PNG (bbox_inches='tight', dpi=150) under knowledge/charts/<topic>.png.

  4. Show and explain. In the assistant reply, link the saved image with a markdown image embed (![title](knowledge/charts/<topic>.png)) and write 2–3 sentences interpreting it — what the chart shows, the one thing the user should take away, and any caveat (incomplete latest data point, outliers excluded, etc.).

  5. Keep the script reproducible. The chart file is the artefact; the script under scratch/charts/<topic>.py is the source of truth. If the user asks for a tweak ("can we use a log y-axis?"), edit the script and re-run — do not regenerate from scratch.

Anti-patterns

  • ❌ Pie charts with > 5 slices.
  • ❌ Charting raw counts when proportions are what the user actually asked.
  • ❌ A chart whose axes have no labels or unit.
  • ❌ Embedding the image without 2 sentences of interpretation.

When to delegate

If the user wants a multi-chart dashboard with narrative around it (e.g. "build me a weekly product health deck"), spawn the report-writer sub-agent — this Skill is for individual charts.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

agentscope-java

Free

Expert Java developer skill for AgentScope Java framework - a reactive, message-driven multi-agent system built on Project Reactor. Use when working with reactive programming, LLM integration, agent orchestration, multi-agent systems, or when the user mentions AgentScope, ReActAgent, Mono/Flux, Project Reactor, or Java agent development. Specializes in non-blocking code, tool integration, hooks, pipelines, and production-ready agent applications.

The English summary is being prepared. Showing the original description.

agentscope-ai/agentscope-java6KUpdated Oct 18, 2026

apply-patch

Free

Apply multi-file or tricky edits atomically with git apply instead of many fragile edit_file calls. Use when changing several files at once or when edit_file fails to match.

The English summary is being prepared. Showing the original description.

agentscope-ai/agentscope-java6KUpdated Oct 18, 2026

code-search

Free

Search a codebase efficiently with ripgrep regular expressions, file globs, and git history search. Use to locate symbols, usages, and definitions instead of reading whole files.

The English summary is being prepared. Showing the original description.

agentscope-ai/agentscope-java6KUpdated Oct 18, 2026

data-analysis

Free

Statistical data analysis skill — use when the user asks to analyze numbers, compute statistics, or summarize datasets.

The English summary is being prepared. Showing the original description.

agentscope-ai/agentscope-java6KUpdated Oct 18, 2026

example-skill

Free

Starter skill template. Replace the body with your own playbook before relying on it; this stub exists only to teach the workspace layout.

The English summary is being prepared. Showing the original description.

agentscope-ai/agentscope-java6KUpdated Oct 18, 2026

git-checkpoint

Free

Use git as a safety net - create a checkpoint commit before risky or large changes and roll back cleanly if a change makes things worse. Use before multi-file refactors.

The English summary is being prepared. Showing the original description.

agentscope-ai/agentscope-java6KUpdated Oct 18, 2026

See all skills by agentscope-ai

Report a problem with this skill