Function createCriterionGroupChart

website/script/benchmarks.js:1009–1156

(
	entries,
	groupPrefix,
	chartId,
	title,
	yAxisTitle,
	conversionFactor = 1000,
	decimalPlaces = 1,
	thresholds = null,
)

}

function createCriterionGroupChart(
	entries,
	groupPrefix,
	chartId,
	title,
	yAxisTitle,
	conversionFactor = 1000,
	decimalPlaces = 1,
	thresholds = null,
) {
	const chartElement = document.getElementById(chartId);
	if (!chartElement) return;

	const criterionBenchmarks = Object.keys(entries[0].criterion_results).filter((benchmark) =>
		benchmark.startsWith(groupPrefix + "/"),
	);
	if (criterionBenchmarks.length === 0) return;

	const unitSuffix = yAxisTitle.includes("Nanoseconds")
		? "ns"
		: yAxisTitle.includes("Microseconds")
			? "μs"
			: yAxisTitle.includes("Milliseconds")
				? "ms"
				: "";

	function buildSeries(sampledEntries) {
		return criterionBenchmarks
			.map((benchmark) => {
				const dataPoints = sampledEntries
					.map((entry) => {
						const benchmarkData = entry.criterion_results[benchmark];
						if (benchmarkData && benchmarkData.mean && benchmarkData.mean.point_estimate) {
							const convertedTime = benchmarkData.mean.point_estimate / conversionFactor;
							const roundedTime =
								Math.round(convertedTime * Math.pow(10, decimalPlaces)) / Math.pow(10, decimalPlaces);
							return {
								x: new Date(entry.timestamp).getTime(),
								y: roundedTime,
							};
						}
						return null;
					})
					.filter((point) => point !== null);
				return {
					name: benchmark
						.replace(groupPrefix + "/", "")
						.replace(/\./g, " ")
						.replace(/-/g, " "),
					data: dataPoints,
				};
			})
			.filter((s) => s.data.length > 0);
	}

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