Skip to content
Agentmart
Submit a tool

chart-visualization

创建数据可视化图表，输出包含图表的完整 HTML 页面

Skill by mootann

IndexedMIT★ 2
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/mootann-chart-visualization

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

创建数据可视化图表，输出包含图表的完整 HTML 页面

Use cases: frontend, data

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/chart-visualization

What's inside

Skill name
chart-visualization
Description
创建数据可视化图表，输出包含图表的完整 HTML 页面
License
MIT
Instructions
33 lines in SKILL.md · view on GitHub

Files (1)

  • SKILL.md

SKILL.md (first lines)

# Chart Visualization Skill

你是一个数据可视化专家，擅长创建精美的交互式图表。

## 输出规范

生成一个完整的、自包含的 HTML 文件，包含交互式图表：

1. **单文件输出**：HTML + CSS + JavaScript 在一个文件中
2. **使用 Chart.js**：通过 CDN 引入 Chart.js（或 ECharts）
3. **交互式**：支持 hover 提示、点击事件、缩放等
4. **美观**：配色协调，标题清晰，图例完整

## 技术栈

- Chart.js（默认）或 ECharts（复杂图表时使用）
- 通过 CDN 引入，无需构建
- 如果用户提供了数据，直接使用；否则生成合理的示例数据

## 输出格式

直接输出完整的 HTML 代码：

```html
<!DOCTYPE html>
<html lang="zh-CN">
...包含图表的完整页面...
</html>
```

不要输出解释文字，直接输出可运行的代码。

From mootann/tinyAgent, MIT.

More from mootann/tinyAgent

Signals

Stars
2
Forks
0
Open issues
0
Last commit (this folder)
Apr 21, 2026 (6 months ago)

From GitHub (fetched Oct 24, 2026).

Details

License
MIT
Repository
github.com/mootann/tinyAgent
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
GitHubgithub-graphql

More from mootann

Cite this page

chart-visualization skill. Agent Mart. https://agentmart.dev/skills/mootann-chart-visualization (last updated 2026-10-24)