Function createTimeChart

website/script/benchmarks.js:443–568

(entries)

}

function createTimeChart(entries) {
	const chartElement = document.getElementById("processing-time-chart");
	if (!chartElement) return;

	const allFiles = Object.keys(entries[0].hyperfine_results);

	function buildSeries(sampledEntries) {
		return allFiles.map((file) => {
			const dataPoints = sampledEntries
				.map((entry) => {
					const fileData = entry.hyperfine_results[file];
					if (fileData && fileData.results && fileData.results[0]) {
						return {
							x: new Date(entry.timestamp).getTime(),
							y: Math.round(fileData.results[0].mean * 1000000), // microseconds
						};
					}
					return null;
				})
				.filter((point) => point !== null);
			return {
				name: file.replace(/\./g, " ").replace(/-/g, " "),
				data: dataPoints,
			};
		});
	}

	const sampled = sampleEntries(entries);
	const series = buildSeries(sampled);

	// Detect outliers
	let allValues = [];
	series.forEach((s) => {
		s.data.forEach((point) => allValues.push(point.y));
	});

	const { outliers, normal } = detectOutliers(allValues);
	const hasOutliers = outliers.length > 0;

	const normalSeries = [];
	const outlierSeries = [];
	series.forEach((s) => {
		const avgValue = s.data.reduce((sum, point) => sum + point.y, 0) / s.data.length;
		if (outliers.includes(avgValue) || s.data.some((point) => outliers.includes(point.y))) {
			outlierSeries.push(s);
		} else {
			normalSeries.push(s);
		}
	});

	function buildNormalSeries(e) {
		return buildSeries(e).filter((s) => normalSeries.some((ns) => ns.name === s.name));
	}
	function buildOutlierSeries(e) {
		return buildSeries(e).filter((s) => outlierSeries.some((os) => os.name === s.name));
	}

	const mainMin = normal.length > 0 ? Math.max(0, Math.min(...normal)) : 0;