ai-research-survey

bar-chart.ts (677B)

---

 export function renderBarChart(data: { label: string; value: number }[]): string {
   const sorted = [...data].sort((a, b) => b.value - a.value);
   return sorted.map(d => {
     const color = d.value < 30 ? '#f06565' : d.value < 50 ? '#f0c050' : d.value < 70 ? '#6c8cff' : '#3dd68c';
     return `<div class="hbar">
       <div class="hbar-label"><span>${formatCatName(d.label)}</span><span>${d.value}%</span></div>
       <div class="hbar-track"><div class="hbar-fill" style="width:${d.value}%;background:${color}"></div></div>
     </div>`;
   }).join('');
 }
 
 function formatCatName(name: string): string {
   return name.replace(/_/g, ' ').replace(/\b\w/g, c => c.toUpperCase());
 }