const mod = await import("https://cdn.skypack.dev/chart.js@4.4.7?min");
const { Chart, BarController, BarElement, LineController, LineElement, PointElement, CategoryScale, LinearScale, Tooltip, Legend, Filler } = mod;
Chart.register(BarController, BarElement, LineController, LineElement, PointElement, CategoryScale, LinearScale, Tooltip, Legend, Filler);
return Chart;

function dashFormatCost(val) {
  const num = parseFloat(val);
  if (isNaN(num)) return val;
  return "$" + num.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
return dashFormatCost;

Cost Dashboard

Find your most expensive individual resources. This is the equivalent of Vantage's Resource Reports — showing per-resource cost breakdown from your CUR data via Athena.

return render(() => <ResourceReportApp />);

return query({ request: "listAccountsRequest", key: "listAccountsRequest" }).stream()

const { data, isError } = accountsData || {};
if (isError || !data) return {};
return data.parsedBody || data || {};

function formatCost(val) {
  const num = parseFloat(val);
  if (isNaN(num)) return val;
  return "$" + num.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
return formatCost;

Report: All Resources

Analyze your AWS data transfer costs — cross-AZ, internet egress, inter-region, and more. Filter by 

 in CUR to isolate these often-overlooked charges.

return render(() => <DataTransferReport />);

const { data, isError } = dtAccountsData || {};
if (isError || !data) return {};
return data.parsedBody || data || {};

function dtFormatCost(val) {
  const num = parseFloat(val);
  if (isNaN(num)) return val;
  return "$" + num.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
return dtFormatCost;

Report: Data Transfer

Analyze your RI and Savings Plan coverage — see what percentage of your eligible spend is covered vs. on-demand, broken down by service, region, and account. Estimate savings from existing commitments.

return render(() => <RiSpCoverageReport />);

const { data, isError } = rspAccountsData || {};
if (isError || !data) return {};
return data.parsedBody || data || {};

function rspFormatCost(val) {
  const num = parseFloat(val);
  if (isNaN(num)) return val;
  return "$" + num.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
return rspFormatCost;

Report: RI & SP Coverage

 — the resource tags you've activated in 

 to appear in CUR. Activate more tags there to track coverage for 

return render(() => <TagHygieneReport />);

const { data, isError } = tagAccountsData || {};
if (isError || !data) return {};
return data.parsedBody || data || {};

function tagFormatCost(val) {
  const num = parseFloat(val);
  if (isNaN(num)) return val;
  return "$" + num.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
return tagFormatCost;

AWS Cost and Usage Reporting

Appendix