Workers · Chart V2

import { wrapFetchWithPayment } from "@x402/fetch";
import { privateKeyToAccount } from "viem/accounts";

const account = privateKeyToAccount(process.env.PRIVATE_KEY);
const fetchWithPay = wrapFetchWithPayment(fetch, account);

const res = await fetchWithPay("https://x402-dataviz-poc.theliminalguy.workers.dev/chart-v2", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    "data": [
      {
        "values": {
          "Revenue": 100
        },
        "x": "Q1"
      }
    ],
    "title": "Quarterly revenue",
    "type": "bar"
  }),
});
const data = await res.json();

curl -X POST \
  "https://x402-dataviz-poc.theliminalguy.workers.dev/chart-v2" \
  -H "Content-Type: application/json" \
  -d '{"data":[{"values":{"Revenue":100},"x":"Q1"}],"title":"Quarterly revenue","type":"bar"}' \
  -H "X-PAYMENT: <signed x402 payment>"

{
  "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\"/>"
}