chart-image
Generate publication-quality chart images from data. Supports line, bar, area, point, candlestick, pie/donut, heatmap, multi-series, and stacked charts. Use when visualizing data, creating graphs, plotting time series, or generating chart images for reports/alerts. Designed for Fly.io/VPS deployments - no native compilation, no Puppeteer, no browser required. Pure Node.js with prebuilt binaries.
Why use this skill?
Generate high-quality charts for your reports and apps without the bloat. Fast, headless, and optimized for Fly.io and VPS deployments.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/dannyshmueli/chart-imageWhat This Skill Does
The chart-image skill provides a robust, lightweight solution for generating professional-grade PNG visualizations directly from your data without the heavy overhead associated with traditional rendering tools. Unlike common visualization libraries that rely on browser engines like Puppeteer or Chromium, chart-image leverages Vega-Lite combined with Sharp to render charts locally. This architecture makes it exceptionally performant and perfect for resource-constrained environments such as Fly.io, small VPS instances, or Docker containers. By eliminating native compilation requirements and avoiding external rendering APIs like QuickChart.io, this tool ensures your data processing remains private, fast, and offline-capable.
Installation
To integrate this skill into your environment, use the OpenClaw hub command:
clawhub install openclaw/skills/skills/dannyshmueli/chart-image
After installation, perform the one-time dependency setup by navigating to the skill directory and running:
cd /data/clawd/skills/chart-image/scripts && npm install
Use Cases
This skill is designed for scenarios where automated reporting and data insight are prioritized. Common use cases include:
- Automated Performance Reports: Generate daily server metrics, traffic spikes, or memory usage charts.
- Financial Dashboards: Create real-time price trend visualizations, candle-stick market analysis, or multi-series portfolio comparisons.
- Activity Monitoring: Build heatmaps to visualize patterns over time, such as system event frequency or user engagement peaks.
- Application Alerts: Attach visual charts to notifications in Slack, Discord, or email to provide context-rich alerts rather than just raw numeric data.
Example Prompts
- "Generate a line chart showing the CPU usage from this JSON data: [{"x": "12:00", "y": 45}, {"x": "12:05", "y": 52}] and save it as cpu_usage.png."
- "Create a stacked bar chart of my weekly hours categorized by project using the following data... and title it 'Development Breakdown'."
- "Visualize this market data as a candlestick chart with volume bars at the bottom, comparing open, high, low, and close values."
Tips & Limitations
- Performance: Because it bypasses browsers, charts render in under 500ms, making it ideal for high-frequency report generation.
- Flexibility: It supports complex layouts including dual Y-axis volume overlays and multi-series comparisons. Always ensure your JSON input is correctly formatted for the specific chart type requested.
- Constraint: This skill is strictly for headless generation. If your use case requires highly interactive, client-side zooming or complex web-based animations, consider alternative frontend-heavy libraries, as this is optimized for static file generation.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-dannyshmueli-chart-image": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: file-write, file-read, code-execution
Related Skills
edge-tts-unlimited
Free, unlimited text-to-speech using Microsoft Edge neural voices via Python edge-tts. Use when generating long-form audio, podcasts, voice notes, spoken briefs, or headless/server-side TTS without API keys, credits, or character limits.
Jits Builder
Skill by dannyshmueli
red-alert
Israel Red Alert API — real-time and historical rocket/missile alert data. Query alerts by city, time range, generate shelter time stats. Uses redalert.orielhaim.com (socket.io for real-time) and tzevaadom.co.il (REST for history).
table-image-generator
Generate clean table images from data. Perfect for Discord/Telegram where ASCII tables look broken. Supports dark/light mode, custom styling, and auto-sizing. No Puppeteer required. Companion to chart-image skill.
anima
Turns ideas into live, full-stack web applications with editable code, built-in database, user authentication, and hosting. Anima is the design agent in the AI swarm, giving agents design awareness and brand consistency when building interfaces. Three input paths: describe what you want (prompt to code), clone any website (link to code), or implement a Figma design (Figma to code). Also generates design-aware code from Figma directly into existing codebases. Triggers when the user provides Figma URLs, website URLs, Anima Playground URLs, asks to design, create, build, or prototype something, or wants to publish or deploy.