Chart prices in JavaScript

const BASE = "https://api.ornnai.com";

function isoDate(daysAgo) {
  const value = new Date();
  value.setUTCDate(value.getUTCDate() - daysAgo);
  return value.toISOString().slice(0, 10);
}

async function getSeries(gpu, startDate, endDate) {
  const url = new URL(`${BASE}/api/gpu/${encodeURIComponent(gpu)}/index-history`);
  url.searchParams.set("startDate", startDate);
  url.searchParams.set("endDate", endDate);

  const res = await fetch(url);
  if (!res.ok) throw new Error(`Request failed: ${res.status}`);

  const { data } = await res.json();
  // Sort ascending and shape for a charting library
  return data
    .map((p) => ({ x: new Date(p.timestamp), y: p.index_value }))
    .sort((a, b) => a.x - b.x);
}

const startDate = isoDate(30);
const endDate = isoDate(0);
const series = await getSeries("H100 SXM", startDate, endDate);
console.log(series[0]); // { x: Date, y: index_value }

import Chart from "chart.js/auto";

const points = await getSeries("H100 SXM", startDate, endDate);

new Chart(document.getElementById("price-chart"), {
  type: "line",
  data: {
    datasets: [{ label: "H100 SXM (USD/hr)", data: points }],
  },
  options: {
    scales: { x: { type: "time" }, y: { title: { display: true, text: "USD per hour" } } },
  },
});