viewof filter_options = { // Assume these variables exist from elsewhere in the notebook const data_min_size = data_stats.min_size; const data_max_size = data_stats.max_size; const data_min_nnz = data_stats.min_nnz; const data_max_nnz = data_stats.max_nnz; const data_min_density = 0; const data_max_density = data_stats.max_density; // Residual tolerance settings const min_residual_exp = -10; // 10^-10 const max_residual_exp = -2; // 10^-2 const default_residual_exp = -8; // 10^-8 const log10 = Math.log10; const pow10 = x => Math.pow(10, x); // Format residual in scientific notation const formatResidual = (exp) => { // Convert from exponent to full value const value = Math.pow(10, exp); // Format in scientific notation return value.toExponential(1); }; const form = html`

Matrix Size

Min: ${data_min_size}

Max: ${data_max_size}

Non-zeros (NNZ)

Min: ${data_min_nnz}

Max: ${data_max_nnz}

Density

Min: ${data_min_density}

Max: ${data_max_density}

Performance Calculation Options

Include per-iteration work within the solver

Include preconditioner generation time

Plot best configurations only for a preconditioner

Compare to direct solver

Residual Tolerance

Value: ${formatResidual(default_residual_exp)}

`; // Residual slider connection form.residual_slider.oninput = () => { const exp = +form.residual_slider.value; const formattedValue = formatResidual(exp); form.querySelector("#residual_display").textContent = formattedValue; updateFormValue(); }; // Size slider connections form.min_size_slider.oninput = () => { const value = Math.floor(pow10(+form.min_size_slider.value)); form.min_size.value = value; form.querySelector("#min_size_display").textContent = value.toLocaleString(); updateFormValue(); }; form.max_size_slider.oninput = () => { const value = Math.floor(pow10(+form.max_size_slider.value)); form.max_size.value = value; form.querySelector("#max_size_display").textContent = value.toLocaleString(); updateFormValue(); }; form.min_size.oninput = () => { const value = +form.min_size.value; if (value > 0) { form.min_size_slider.value = log10(value); form.querySelector("#min_size_display").textContent = value.toLocaleString(); } updateFormValue(); }; form.max_size.oninput = () => { const value = +form.max_size.value; if (value > 0) { form.max_size_slider.value = log10(value); form.querySelector("#max_size_display").textContent = value.toLocaleString(); } updateFormValue(); }; // NNZ slider connections form.min_nnz_slider.oninput = () => { const value = Math.floor(pow10(+form.min_nnz_slider.value)); form.min_nnz.value = value; form.querySelector("#min_nnz_display").textContent = value.toLocaleString(); updateFormValue(); }; form.max_nnz_slider.oninput = () => { const value = Math.floor(pow10(+form.max_nnz_slider.value)); form.max_nnz.value = value; form.querySelector("#max_nnz_display").textContent = value.toLocaleString(); updateFormValue(); }; form.min_nnz.oninput = () => { const value = +form.min_nnz.value; if (value > 0) { form.min_nnz_slider.value = log10(value); form.querySelector("#min_nnz_display").textContent = value.toLocaleString(); } updateFormValue(); }; form.max_nnz.oninput = () => { const value = +form.max_nnz.value; if (value > 0) { form.max_nnz_slider.value = log10(value); form.querySelector("#max_nnz_display").textContent = value.toLocaleString(); } updateFormValue(); }; // Density slider connections (linear scale) form.min_density_slider.oninput = () => { const value = +form.min_density_slider.value; form.min_density.value = value; form.querySelector("#min_density_display").textContent = value.toFixed(4); updateFormValue(); }; form.max_density_slider.oninput = () => { const value = +form.max_density_slider.value; form.max_density.value = value; form.querySelector("#max_density_display").textContent = value.toFixed(4); updateFormValue(); }; form.min_density.oninput = () => { form.min_density_slider.value = +form.min_density.value; form.querySelector("#min_density_display").textContent = (+form.min_density.value).toFixed(4); updateFormValue(); }; form.max_density.oninput = () => { form.max_density_slider.value = +form.max_density.value; form.querySelector("#max_density_display").textContent = (+form.max_density.value).toFixed(4); updateFormValue(); }; // Handle checkboxes const checkboxes = form.querySelectorAll('input[type="checkbox"]'); checkboxes.forEach(checkbox => { checkbox.onclick = () => updateFormValue(); }); function updateFormValue() { form.value = { // Residual value residual: Math.pow(10, +form.residual_slider.value), residual_exp: +form.residual_slider.value, // Size filters min_size: +form.min_size.value, max_size: +form.max_size.value, // NNZ filters min_nnz: +form.min_nnz.value, max_nnz: +form.max_nnz.value, // Density filters min_density: +form.min_density.value, max_density: +form.max_density.value, // Checkboxes include_method_time: form.include_method_time.checked, include_generation_time: form.include_generation_time.checked, plot_best_only: form.plot_best_only.checked, compare_to_direct: form.compare_to_direct.checked }; form.dispatchEvent(new Event("input")); } // Initialize form value updateFormValue(); return form; }