Activation Visualization Calculator

Please enter valid input size and scale.

"; return; } container.style.gridTemplateColumns = `repeat(${size}, 1fr)`; container.innerHTML = ""; const cells = []; for (let i = 0; i < size * size; i++) { const activation = Math.random() * scale; const color = `rgba(21, 101, 192, ${activation})`; const div = document.createElement("div"); div.className = "activation-cell"; div.style.backgroundColor = color; div.innerText = activation.toFixed(2); container.appendChild(div); cells.push(activation.toFixed(2)); } container.setAttribute("data-activations", cells.join(",")); } async function downloadActivationPDF() { const { jsPDF } = window.jspdf; const size = parseInt(document.getElementById("inputSize").value); const scale = document.getElementById("activationScale").value; const activations = document.getElementById("activationGrid").getAttribute("data-activations"); if (!activations) return; const values = activations.split(",").map(parseFloat); const doc = new jsPDF(); doc.setTextColor(21, 101, 192); doc.setFontSize(16); doc.text("Activation Visualization Report", 20, 20); doc.setFontSize(12); doc.text(`Feature Map Size: ${size}x${size}`, 20, 40); doc.text(`Scale Factor: ${scale}`, 20, 50); let y = 70; for (let i = 0; i < size; i++) { let row = ""; for (let j = 0; j < size; j++) { row += values[i * size + j].toFixed(2) + " "; } doc.text(row, 20, y); y += 10; } doc.save("activation_visualization.pdf"); }
Scroll to Top