Real-Time Customer Interaction Analyzer

Real-Time Customer Interaction Analyzer

Simulating a live dashboard of customer service interactions and metrics.

Live Metrics

Active Interactions

0

Avg. Handle Time

0s

Avg. CSAT

0.0

Resolution Rate

0%

Agent Topic Sentiment Duration

Avg. CSAT

${csatEl.textContent}

Resolution

${resolutionEl.textContent}
`; document.getElementById('pdf-chart-img').src = interactionsChart.toBase64Image(); const tableHTML = `${state.interactions.slice(0, 10).map(i => ``).join('')}
AgentTopicSentimentDuration
${i.agent}${i.topic}${i.sentiment}${i.duration}s
`; document.getElementById('pdf-table-container').innerHTML = tableHTML; const pdfContainer = document.getElementById('pdf-container'); pdfContainer.classList.remove('invisible', '-left-[9999px]'); try { const canvas = await html2canvas(document.getElementById('pdf-report'), { scale: 2 }); const imgData = canvas.toDataURL('image/jpeg', 0.9); const pdf = new jsPDF({ orientation: 'p', unit: 'px', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = (canvas.height * pdfWidth) / canvas.width; pdf.addImage(imgData, 'JPEG', 0, 0, pdfWidth, pdfHeight); pdf.save('Interaction_Analysis_Report.pdf'); } catch (error) { console.error("PDF generation failed:", error); } finally { pdfContainer.classList.add('invisible', '-left-[9999px]'); } } initialize(); });
Scroll to Top