Function renderForQuery

website/script/benchmarks.js:944–975

(queryFile)

	const outlierId = chartId.replace("-chart", "-outliers-chart");

	function renderForQuery(queryFile) {
		[chartId, outlierId].forEach((id) => {
			const idx = charts.findIndex((c) => c && c.el && c.el.id === id);
			if (idx !== -1) {
				charts[idx].destroy();
				charts.splice(idx, 1);
			}
			if (id === outlierId) {
				const el = document.getElementById(id);
				if (el) el.remove();
			}
		});

		const filtered = allBenchmarks.filter((b) => b.endsWith("_" + queryFile));
		const filteredEntries = entries.map((e) => ({
			...e,
			criterion_results: Object.fromEntries(
				Object.entries(e.criterion_results).filter(([k]) => filtered.includes(k)),
			),
		}));

		createCriterionGroupChart(
			filteredEntries,
			groupPrefix,
			chartId,
			`${title} - ${queryFile.replace(/-/g, " ")}`,
			yAxisTitle,
			conversionFactor,
			decimalPlaces,
			thresholds,
		);
	}

	select.addEventListener("change", () => renderForQuery(select.value));
	renderForQuery(queryFiles[0]);