Generate Chart for Openclaw

A high-performance tool for programmatically generating professional Chart.js images for reports, dashboards, and automated communications.

rishabhdugar
v1.0.0
Apr 17, 2026
0
938
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install generate-chart

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install generate-chart 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 Generate Chart?

The Generate Chart skill allows developers to create high-quality data visualizations without needing a browser or frontend environment. By leveraging the industry-standard Chart.js library, this tool within the Openclaw Skills ecosystem transforms raw data into visually compelling images across various types, including bar, line, pie, and scatter charts. It is designed for teams looking to automate their reporting workflows or integrate dynamic visuals into static environments like emails and PDF documents. This skill simplifies complex data presentation by handling the rendering engine and providing a clean, accessible API interface.

Generate Chart Use Cases

  • Automated Dashboard Reports for PDF or email delivery without requiring a headless browser.
  • Visualizing Sales Analytics and revenue trends in internal team communications.
  • Displaying Survey Results and poll data in static reports or summaries.
  • Generating Financial Reports for stock performance and budget allocation visualization.
  • Creating Project Metrics charts such as sprint velocity and team performance burn-down.
  • Embedding dynamic Newsletter Content directly into marketing emails.
  • Powering Slack or Discord Bots with on-the-fly image generation for interactive data queries.

How Generate Chart Works

  1. Obtain an API key from the provider to authenticate your Openclaw Skills requests.
  2. Define the desired chart_type such as bar, line, or radar.
  3. Construct a JSON payload containing the Chart.js compliant data object, including labels and datasets.
  4. Configure optional parameters like dimensions (width/height) and styling options.
  5. Send a POST request to the API endpoint with your credentials and configuration.
  6. Receive the generated chart as a URL, base64 string, or direct image file for immediate use.

Generate Chart Setup

To get started with this component of the Openclaw Skills library, follow these steps:

  1. Register for a free API key at https://pdfapihub.com.
  2. Ensure you have curl or a similar HTTP client installed for testing.
  3. Use the following structure to send your first request:
curl -X POST https://pdfapihub.com/api/v1/generateChart \
  -H "CLIENT-API-KEY: your_api_key" \
  -H "Content-Type: application/json" \
  -d '{
    "chart_type": "bar",
    "data": {
      "labels": ["Q1", "Q2", "Q3"],
      "datasets": [{"label": "Growth", "data": [10, 20, 30]}]
    }
  }'

Generate Chart Data Schema & Taxonomy

The skill uses a standard Chart.js configuration format to ensure compatibility with existing data structures.

Parameter Type Description
chart_type String One of: bar, line, pie, doughnut, radar, polarArea, bubble, scatter
data Object The core dataset containing labels and datasets arrays
options Object Customization for titles, legends, and axis scales
width / height Integer Dimensions of the output image in pixels
output_format String Options: url (default), base64, both, or image

Generate Chart Advanced Features

  • Full Chart.js configuration support including custom plugins and axis scaling logic.
  • Multiple output formats (Base64, URL, Direct Image) to fit any integration requirement.
  • High-resolution rendering with customizable width and height dimensions for print or web.
  • Seamless integration with the Openclaw Skills automated reporting workflows for end-to-end automation.
  • Stateless API design allows for high-scale, parallel programmatic chart generation.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*