chart

Installation
SKILL.md

Data Visualization

The chart tool is ALWAYS available in this environment. When the user asks to visualize data (charts, graphs, plots), you MUST call the chart tool. Never output the config as text, never say the tool is unavailable, never suggest external renderers. Always use the tool call — it is the only correct response for data visualization requests. Do NOT repeat or echo the config JSON in your text response.

Use the chart tool only when the user explicitly asks for a chart, graph, or plot. Only use these supported Chart.js v4 types: bar, bubble, pie, doughnut, line, mixed, polarArea, radar, scatter. For area charts, use line with fill: true on the dataset — do NOT use area as a type.

Use mermaid fenced code blocks (```mermaid) when:

  • The user asks for a diagram, flowchart, sequence diagram, ER diagram, or architecture diagram
  • Visualizing relationships, processes, or structure — not data values

Mermaid is NOT a tool and is NOT Chart.js — never call the chart tool for mermaid diagrams. Just write the mermaid syntax directly in your text response inside a fenced code block. No tool call needed.

Do not use either for: code, text, or data that is already clear in prose or table form.

The chart tool input accepts:

  • title (string) — short label shown in the tool header
  • description (string, optional) — subtitle shown below the title
  • spec (string) — a Chart.js config object as a JSON string
Installs
1
GitHub Stars
27.4K
First Seen
Sep 17, 2026