Documentation

curl -X POST https://api.chartsplat.com/chart \
  -H "X-Api-Key: YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "type": "bar",
    "data": {
      "labels": ["Jan", "Feb", "Mar", "Apr"],
      "datasets": [{
        "label": "Revenue",
        "data": [12, 19, 3, 5],
        "backgroundColor": "#8b5cf6"
      }]
    }
  }'

{
  "image": "data:image/png;base64,iVBORw0KGgo...",
  "format": "png",
  "width": 800,
  "height": 600
}

npm install chartsplat

import { ChartSplat } from 'chartsplat';

const client = new ChartSplat('YOUR_API_KEY');

// Generate a bar chart
const chart = await client.generateChart({
  type: 'bar',
  data: {
    labels: ['Jan', 'Feb', 'Mar', 'Apr'],
    datasets: [{
      label: 'Revenue',
      data: [12, 19, 3, 5],
      backgroundColor: '#8b5cf6'
    }]
  }
});

// Use the image
console.log(chart.image); // data:image/png;base64,...

// Or save to file (Node.js)
import fs from 'fs';
const base64Data = chart.image.replace(/^data:image\/png;base64,/, '');
fs.writeFileSync('chart.png', Buffer.from(base64Data, 'base64'));

import { ChartSplat } from 'chartsplat';
import { useState, useEffect } from 'react';

const client = new ChartSplat('YOUR_API_KEY');

function MyChart() {
  const [chartUrl, setChartUrl] = useState<string | null>(null);

  useEffect(() => {
    async function loadChart() {
      const chart = await client.generateChart({
        type: 'line',
        data: {
          labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
          datasets: [{
            label: 'Visitors',
            data: [100, 200, 150, 300, 250],
            borderColor: '#ec4899'
          }]
        }
      });
      setChartUrl(chart.image);
    }
    loadChart();
  }, []);

  if (!chartUrl) return <div>Loading...</div>;
  return <img src={chartUrl} alt="Chart" />;
}

npm install -g chartsplat-cli

export CHARTSPLAT_API_KEY=your-api-key-here

chartsplat init -o my-chart.json
# Edit the file, then:
chartsplat bar --config my-chart.json -o output.png

npm install @x402/fetch @x402/evm @x402/core viem

npx awal x402 pay "https://api.chartsplat.com/chart" \
  --method POST \
  --data '{"type":"bar","data":{"labels":["Q1","Q2","Q3","Q4"],"datasets":[{"label":"Revenue","data":[50,75,60,90]}]}}'