import { useCubicBezier } from "https://deno.land/x/[email protected]/mod.ts";

// Let's visualize a cubic bezier
const points = useCubicBezier(4000, 0.5, 0.7, 0.19, 0.96).map((x) => [
    x[0] * 100,
    x[1] * 100,
]);

const res = await fetch("http://svgcharts.deno.dev/chart", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ points, sent: "pairs", type: "line" }),
});

if (res.status === 200) {
    // response.body.svg is a string containing SVG code.
    console.log(await res.json().then((x) => x.svg));
} else console.log(res.status, res.statusText);

interface Res {
    size: number;
    viewbox: string;
    paths: [string]; // might have more paths in the future.
    svg: string; // entire SVG string.
}