Skip to content
cccskills
FreePublished on GitHub

dataviz

Design charts, maps, and dashboards around the question readers need answered. Choose suitable chart forms, communicate findings through titles and labels, and check custom colors with a local palette validator to support clear visual distinctions.

OriginalShow the original description

Design guidance for charts, graphs, dashboards, maps, and data visualizations, including a local palette validator.

See how to install

Good for

  • Choose a chart type for comparisons or trends
  • Improve dashboard layout and number formatting
  • Check a custom chart palette
  • Add labels and annotations that explain findings

Files included (6)

  • SKILL.md2.0 KB
  • references/anti-patterns.md574 B
  • references/choosing-a-form.md1.2 KB
  • references/palette.md1.5 KB
  • scripts/validate_palette.js8.5 KB
  • scripts/validate_palette.test.js5.5 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Dataviz

Use this skill before producing a chart, dashboard, map, or data visualization.

Workflow

  1. Identify the analytic task: comparison, trend, distribution, relationship, ranking, part-to-whole, geography, or status monitoring.
  2. Choose the simplest chart form that answers that task. Read references/choosing-a-form.md when the form is not obvious.
  3. Write the finding into the title, subtitle, axis label, or direct annotation. A viewer should know what changed, what is high or low, or what decision the chart supports.
  4. Pick colors from references/palette.md, or validate any custom palette with the script below.
  5. Check references/anti-patterns.md before finalizing the design.

Palette Validation

Resolve paths relative to the skill base directory shown above this skill body. Do not assume $QWEN_SKILL_ROOT is set for normal shell commands.

Run:

node <skill-base-directory>/scripts/validate_palette.js '#1d4ed8,#b45309,#166534' --mode light

Treat FAIL as a required palette change. Treat WARN as acceptable only when the chart also uses labels, shape, texture, ordering, or another secondary encoding.

Mark Rules

  • Use categorical palettes for unordered groups; use sequential or diverging ramps only for ordered values.
  • Prefer direct labels over legends when the chart has a small number of series.
  • Keep gridlines subtle and fewer than the data marks.
  • Avoid dual axes unless both series share a clearly explained transformation.
  • Do not rely on color alone for critical distinctions.
  • Keep dashboards scan-friendly: align cards, use consistent number formats, and reserve saturated color for important state changes.

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

agent-delegation

FreeSummary

Write clear briefs for subagents and conversation forks, agents that inherit conversation history. Specify purpose, known findings, scope, and expected output while respecting each agent's existing role and separating research requests from implementation.

  • Writing a focused research brief for a subagent
  • Specifying files and constraints for implementation
  • Defining scope for an agent inheriting conversation history
QwenLM/qwen-code28.6KUpdated Oct 19, 2026

Compare a feature implemented in Qwen Code with Codex or Claude Code under the same scenario. Capture communication and terminal records, inspect tool definitions and outputs, and guide fixes toward matching observable behavior.

  • Checking a reproduced feature against its reference agent
  • Comparing tool definitions and required arguments
  • Investigating differences in terminal output
QwenLM/qwen-code28.6KUpdated Oct 19, 2026

Reproduce a Codex or Claude Code feature in Qwen Code or another command-line agent. Capture requests, terminal output, and state changes, then use that evidence to implement focused behavior and add a verification path.

  • Reproduce an existing agent's slash command
  • Inspect request formats and tool definitions
  • Compare terminal output and saved state
QwenLM/qwen-code28.6KUpdated Oct 19, 2026

autofix

FreeSummary

Review local uncommitted changes, verify findings, and repeat focused repairs until the review converges or a blocker remains. Also supports Qwen Code issue fixes and review responses within workflows run through GitHub Actions.

  • Review and repair local uncommitted changes
  • Develop a focused fix for a selected issue
  • Verify and address pull request feedback
QwenLM/qwen-code28.6KUpdated Oct 19, 2026

batch

FreeSummary

Apply the same operation across multiple files using parallel worker agents. The skill finds matching files, divides the work, and reports successes, failures, and skipped files, with a preview option before edits.

  • Add license headers across source files
  • Convert JavaScript files to TypeScript
  • Fix the same lint issue in multiple files
QwenLM/qwen-code28.6KUpdated Oct 19, 2026

batch-api

FreeSummary

Prepare shared instructions for translating, rewriting, or extracting information from many independent files, then submit a plan through the DashScope Batch API. Processing runs asynchronously at half the realtime list price and delivers new files later.

  • Translate many documents using shared terminology
  • Rewrite independent files into a consistent format
  • Extract structured data from a collection of files
QwenLM/qwen-code28.6KUpdated Oct 19, 2026

See all skills by QwenLM

Report a problem with this skill