Skip to content
Agentmart
Submit a tool

chart-visualization

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

Skill by mootann

IndexedMIT★ 2
Write a review

Chalk Labs

Need help deploying chart-visualization?

Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.

Book a call

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

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.

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
First seen
Oct 24, 2026
Last checked
Oct 24, 2026

More from mootann

Done for you

Rather not set it up yourself?

Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.

See how we build AI agents →Read the case studies

Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.

launches shipped
50+
launches shipped
media placements
500+
media placements
founders on every account
2
founders on every account

Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block

Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.

Get chart-visualization running in your business

Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.

Goes to the Chalk Labs founders, not the newsletter. Privacy

Need help deploying chart-visualization?

CallGet help
Cite this page

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