Function createCompressionChart

website/script/benchmarks.js:570–686

(entries)

}

function createCompressionChart(entries) {
	const chartElement = document.getElementById("compression-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.compression_ratio && fileData.output_size > 0) {
							const compressionPercent = (1 - fileData.compression_ratio) * 100;
							return {
								x: new Date(entry.timestamp).getTime(),
								y: Math.round(compressionPercent * 10) / 10,
							};
						}
						return null;
					})
					.filter((point) => point !== null);
				return {
					name: file.replace(/\./g, " ").replace(/-/g, " "),
					data: dataPoints,
				};
			})
			.filter((s) => s.data.length > 0);
	}

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

	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 validValues = s.data.filter((p) => p !== null);
		const avgValue = validValues.length > 0 ? validValues.reduce((sum, p) => sum + p.y, 0) / validValues.length : 0;
		if (outliers.includes(avgValue) || s.data.some((p) => p !== null && outliers.includes(p.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));
	}