iT邦幫忙

2026 iThome 鐵人賽

DAY 27
0
AI 自動化

RPA流程自動化應用系列 第 27 篇

【Day 27】高頻關鍵字熱度排行功能

  • 分享至 

  • xImage
  •  

今天我要在儀表板中實作 「技術熱詞標籤雲(Word Cloud / Tag Cloud)」與「高頻關鍵字熱度排行」:
摘要詞頻動態掃描:透過平鋪式統計,自動統計所有專利技術摘要中的核心詞彙出現次數。
動態權重視覺化:依據詞頻高低自動調整標籤字體大小、晶片背景顏色與熱度指標。
反向即時聯動篩選(Click-to-Filter):點擊標籤雲中的任意關鍵字(例如點擊「散熱」),下方的專利清單立刻毫秒級過濾,實現直覺的互動探索體驗!

  1. 字典聚合詞頻統計(Word Frequency Aggregation)
    在組裝摘要時,程式不再只是被動比對,而是利用 Dictionary(Of String, Integer) 主動掃描每一篇摘要命中目標詞庫的次數:
For Each kw In highlightWords
    If summary.IndexOf(kw, StringComparison.OrdinalIgnoreCase) >= 0 Then
        wordCountMap(kw) += 1
    End If
Next
  1. 熱度等級動態渲染與熱詞膠囊
    計算完成後,程式將詞頻依降冪排序(OrderByDescending),並根據命中次數分配不同的 CSS 樣式:
    chip-hot(高溫紅):出現 >=5 次的頂級核心詞彙(如「半導體」、「先進封裝」),字體放大並帶有紅色微光。chip-warm(科技藍):出現 >=3 次的重要技術詞(如「散熱」、「晶圓」)。
    chip-normal(常規灰):出現 1~2 次的伴隨技術特徵。
  2. 反向即時聯動(Click-to-Filter)
    在生成的 HTML 腳本中,每個詞雲膠囊皆帶有 onclick="filterByWord('關鍵字')" 事件:
function filterByWord(w) {
  // 自動將搜尋框文字填入該關鍵字
  document.getElementById('filterInput').value = w;
  // 觸發多欄位聯集過濾
  applyFilter();
  // 平滑滾動視窗至專利表格處
  window.scrollTo({
    top: document.getElementById('patentTable').offsetTop - 100, 
    behavior: 'smooth'
  });
}

在專利情報的世界裡,單篇專利是「點」,競品攻防是「線」,而技術標籤雲則構築了產業技術發展的「面」。


上一篇
【Day 26】一鍵深色模式(Dark Mode)
下一篇
【Day 28】多欄位點擊排序
系列文
RPA流程自動化應用 共 30 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言