A high-performance rendering engine that converts standardized market data into interactive HTML and static PNG charts with technical indicators.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install market-chart-renderer
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install market-chart-renderer using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Market Chart Renderer?
The Market Chart Renderer is a technical skill designed to bridge the gap between raw financial data and visual intelligence. As part of the Openclaw Skills library, it specializes in processing standardized bars data to generate sophisticated K-line charts. It handles the heavy lifting of technical indicator calculations, specifically Moving Averages (MA5, MA10, MA20, MA60) and MACD, ensuring that developers can focus on strategy rather than visualization logic.
By leveraging the power of ECharts and headless Chrome rendering, this skill provides a robust pipeline for generating high-quality visual assets. It is particularly useful for developers building automated reporting systems or trading dashboards where consistent, programmatically generated charts are essential.
Market Chart Renderer Use Cases
- Generating daily technical analysis snapshots for Chinese futures and options markets.
- Automating the creation of visual reports for algorithmic trading performance.
- Exporting K-line charts as PNG images for automated distribution via messaging platforms.
- Visualizing historical data intervals with custom indicator overlays for research purposes.
How Market Chart Renderer Works
- The skill receives standardized OHLC data (bars) from an integrated data source.
- It performs automated indicator calculations for MA lines and MACD signals.
- The calculated data is mapped onto a pre-defined ECharts template containing main and sub-chart layouts.
- A headless browser environment renders the template into a interactive HTML file.
- The system captures a high-resolution snapshot to export the chart as a PNG image.
Market Chart Renderer Setup
To get started with this skill within the Openclaw Skills ecosystem, ensure your environment supports headless Chrome for rendering. Use the following commands to generate charts:
# Render a default Methanol (MA0) 60-minute chart
python3 skills/market-chart-renderer/render_ma0_60m.py
# Render a custom chart by specifying symbol, period, and data limit
python3 skills/market-chart-renderer/render_chart.py --symbol MA0 --period 60 --limit 120
Market Chart Renderer Data Schema & Taxonomy
The skill produces structured output in the output/generated/images/ directory. Each rendering task generates a triad of files:
| File Extension | Description |
|---|---|
| .html | Interactive chart utilizing ECharts for browser-based viewing. |
| .png | Static image representation suitable for reports and alerts. |
| .json | Contains the raw processed data and calculated indicator values. |
Market Chart Renderer Advanced Features
- Multi-period support for flexible timeframe rendering (e.g., 60m, daily, weekly).
- Automated indicator calculation suite including MA5, 10, 20, 60 and MACD.
- Headless rendering pipeline optimized for server-side automation.
- Seamless integration with other Openclaw Skills like the AkShare data router for end-to-end market analysis.
SKILL.md
Loading
Related Openclaw Skills
Feishu Whiteboard Extract
A technical utility for programmatically extracting image assets and vector board exports from Feishu (Lark) Whiteboards.
Baidu Netdisk MCP Skill
Manage and automate Baidu Netdisk file operations directly through Openclaw Skills using a secure, hot-reloading MCP server.
AKShare Data Router (CN)
A sophisticated data routing skill that maps Chinese financial market queries to specific AKShare data sources and analytical processing recipes.
Project Code Standard
A comprehensive automation skill for checking, fixing, and enforcing code standards across Python, JavaScript, and TypeScript projects.
Apple Music Control
An AI-driven skill for controlling Apple Music playback, searching library catalogs, and managing playlists directly from the command line on macOS.
Feishu Technical Document Rigorous Optimizer
A high-precision agent that transforms Feishu docs into professional, RFC-style technical specifications.
Featured*
