/**
* Analytics Logic (Simple CSS Charts)
*/
const analytics = {
mockData: [
{ name: 'Mon', requests: 4000, latency: 240 },
{ name: 'Tue', requests: 3000, latency: 198 },
{ name: 'Wed', requests: 2000, latency: 310 },
{ name: 'Thu', requests: 2780, latency: 208 },
{ name: 'Fri', requests: 1890, latency: 250 },
{ name: 'Sat', requests: 2390, latency: 210 },
{ name: 'Sun', requests: 3490, latency: 225 },
],
init: () => {
console.log('📈 Initializing Analytics...');
analytics.renderVolumeChart();
analytics.renderLatencyChart();
},
renderVolumeChart: () => {
const container = document.getElementById('v-chart');
if (!container) return;
const max = Math.max(...analytics.mockData.map(d => d.requests));
container.innerHTML = analytics.mockData.map(d => `
`).join('');
},
renderLatencyChart: () => {
const container = document.getElementById('l-chart');
if (!container) return;
const max = Math.max(...analytics.mockData.map(d => d.latency));
container.innerHTML = analytics.mockData.map(d => `
`).join('');
}
};