pruncalc/ts/roi.ts

(async function () {
	const response = await fetch('roi.json');
	const profits: Profit[] = await response.json();

	const format = new Intl.NumberFormat(undefined,
			{maximumFractionDigits: 2, maximumSignificantDigits: 7, roundingPriority: 'lessPrecision'}).format;
	const tbody = document.querySelector('tbody')!;
	for (const p of profits) {
		const tr = document.createElement('tr');
		tr.innerHTML = `
			<td>${p.output}</td>
			<td>${p.expertise}</td>
			<td>${format(p.profit_per_area)}</td>
			<td>${format(p.capex)}</td>
			<td>${format(p.cost_per_day)}</td>
			<td>${format(p.logistics_per_area)}</td>
		`;
		tbody.appendChild(tr);
	}
})();

interface Profit {
	output: string
	recipe: string
	expertise: string
	profit_per_area: number
	capex: number
	cost_per_day: number
	logistics_per_area: number
	low_volume: boolean
}