Topic Trend Tracker: Emerging AI Topics & Content Gap Analysis

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,’Segoe UI‘,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh;padding:2rem}
.container{max-width:1200px;margin:0 auto}
h1{font-size:1.8rem;color:#f8fafc;margin-bottom:.25rem}
.subtitle{color:#94a3b8;margin-bottom:2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}
.card{background:#1e293b;border-radius:12px;padding:1.5rem;border:1px solid #334155}
.card h2{font-size:1rem;color:#f472b6;margin-bottom:1rem}
.chart-wrap{position:relative;height:250px}
.gap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.5rem}
.gap-cell{padding:.5rem;text-align:center;border-radius:6px;font-size:.75rem;font-weight:600;cursor:default}
.gap-high{background:#dc2626;color:#fff}
.gap-medium{background:#f59e0b;color:#000}
.gap-low{background:#10b981;color:#fff}
.gap-covered{background:#1e3a5f;color:#60a5fa}
.trend-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid #334155}
.trend-item:last-child{border-bottom:none}
.trend-rank{width:24px;height:24px;border-radius:4px;text-align:center;line-height:24px;font-size:.75rem;font-weight:700;background:#334155;color:#94a3b8}
.trend-rank.top{background:#3b82f6;color:#fff}
.trend-info{flex:1}
.trend-topic{color:#e2e8f0;font-size:.9rem}
.trend-meta{color:#64748b;font-size:.75rem}
.trend-change{font-weight:600;font-size:.85rem}
.up{color:#10b981}.down{color:#ef4444}
.seasonal-bar{display:flex;height:30px;overflow:hidden;border-radius:6px;margin-bottom:1rem}
.seasonal-seg{display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:#fff}

const trendLabels=[‚Jan‘,’Feb‘,’Mar‘,’Apr‘,’May‘,’Jun‘];
new Chart(document.getElementById(‚trendChart‘),{
type:’line‘,
data:{labels:trendLabels,
datasets:[
{label:’AI Agents‘,data:[45,55,68,82,95,100],borderColor:’#f472b6′,backgroundColor:’rgba(244,114,182,0.1)‘,fill:true,tension:0.4,borderWidth:2},
{label:’Edge AI‘,data:[30,38,52,65,78,88],borderColor:’#60a5fa‘,backgroundColor:’rgba(96,165,250,0.1)‘,fill:true,tension:0.4,borderWidth:2},
{label:’Synthetic Data‘,data:[55,50,48,55,62,70],borderColor:’#fbbf24′,backgroundColor:’rgba(251,191,36,0.1)‘,fill:true,tension:0.4,borderWidth:2},
{label:’AI Governance‘,data:[20,30,55,72,85,92],borderColor:’#10b981′,backgroundColor:’rgba(16,185,129,0.1)‘,fill:true,tension:0.4,borderWidth:2},
{label:’Multimodal AI‘,data:[40,42,48,60,72,82],borderColor:’#8b5cf6′,backgroundColor:’rgba(139,92,246,0.1)‘,fill:true,tension:0.4,borderWidth:2}
]},
options:{responsive:true,maintainAspectRatio:false,
plugins:{legend:{labels:{color:’#94a3b8′,font:{size:10},padding:8}}},
scales:{x:{ticks:{color:’#64748b‘},grid:{color:’#1e293b‘}},y:{ticks:{color:’#64748b‘,callback:v=>v+’%‘},grid:{color:’#1e293b‘,display:false}}}
});

const heatmap=[
‚AI Governance‘,’Agent Memory‘,’Edge AI‘,’AI Safety‘,’Synthetic Data‘,
‚RAG Systems‘,’Fine-tuning‘,’Prompt Eng.‘,’Model Serving‘,’AI Compliance‘,
‚Multi-Agent‘,’AI Security‘,’Data Quality‘,’CI/CD AI‘,’MLOps‘,
‚Vision Models‘,’LLM Benchmark‘,’Cost Opt.‘,’Fine-tuning‘,’AI Testing‘,
‚Bias/Fairness‘,’Data Privacy‘,’Open Source‘,’AI Agents‘,’Evaluation‘
];
const heatmapHTML=heatmap.map((t,i)=>{
let cls=’gap-covered‘;
if([‚Agent Memory‘,’Edge AI‘,’AI Safety‘,’MLOps‘,’CI/CD AI‘,’AI Security‘,’Bias/Fairness‘,’Evaluation‘].includes(t))cls=’gap-high‘;
else if([‚Multi-Agent‘,’Data Quality‘,’AI Testing‘,’Data Privacy‘].includes(t))cls=’gap-medium‘;
return `

`;
}).join(“);
document.getElementById(‚gapHeatmap‘).innerHTML=heatmapHTML;

const rising=[
{topic:’Agent Memory Systems‘,change:’+142%‘,desc:’Exploding interest in 2026H1′},
{topic:’AI Governance Frameworks‘,change:’+118%‘,desc:’EU AI Act driving demand‘},
{topic:’Edge AI Deployment‘,change:’+95%‘,desc:’IoT + edge compute convergence‘},
{topic:’AI Security / Red Teaming‘,change:’+87%‘,desc:’Enterprise risk awareness growing‘},
{topic:’Synthetic Data Quality‘,change:’+76%‘,desc:’Regulatory compliance need‘},
{topic:’Multi-Agent Orchestration‘,change:’+68%‘,desc:’Production deployments scaling‘},
{topic:’AI Cost Optimization‘,change:’+54%‘,desc:’Budget pressure in 2026′},
{topic:’RAG vs Fine-tuning‘,change:’+48%‘,desc:’Architecture decision guides‘},
{topic:’AI Observability‘,change:’+42%‘,desc:’Maturing production practices‘},
{topic:’Human-AI Teaming‘,change:’+38%‘,desc:’UX / productivity research‘}
];
document.getElementById(‚risingTopics‘).innerHTML=rising.map((r,i)=>`