[發明專利]一種基于D3的知識圖譜數據節點渲染方法及系統

有效

• 申請號: 202010423078.X
• 申請日: 2020-05-19
• 公開（公告）號: CN111598988B
• 公開（公告）日: 2022-01-25
• 發明（設計）人: 蔡東東
• 申請（專利權）人: 北京海致星圖科技有限公司
• 主分類號: G06T15/00
• 分類號: G06T15/00;G06F16/36;G06F16/958;G06F16/957;G06F8/34;G06F8/38
• 代理公司: 北京棘龍知識產權代理有限公司 11740
• 代理人: 謝靜

本發明涉及一種基于D3的知識圖譜數據節點渲染方法及系統，該方法包括：構建一個靜態工程并在所述靜態工程中引入數字可視化工具D3；將知識圖譜數據節點的2D坐標由JSON格式轉換為二進制；將轉換得到的二進制的2D坐標轉換為3D坐標；在所述靜態工程中，使用D3在Canvas畫布中繪制基于所述3D坐標的WebGL元素，完成知識圖譜數據節點的渲染。本發明的有益效果是：1.提高知識圖譜的展示數據節點的數據量；2.提高D3對CPU、GPU的利用率；3.提高知識圖譜在大數據量下的交互流暢性。

技術領域

本發明涉及信息技術web開發領域，具體涉及一種基于D3的知識圖譜數據節點渲染方法及系統。

背景技術

當前行業內的知識圖譜大多基于數字可視化工具D3，但現有的D3對大數據量的展示有限，極限展示大約5000個知識圖譜節點，并且D3對電腦的CPU、GPU利用率低,在大數據量展示下進行交互操作流暢性很低，容易使得頁面陷入卡死狀態。

發明內容

針對上述技術問題，本發明提供一種基于D3的知識圖譜數據節點渲染方法及系統。

本發明解決上述技術問題的技術方案如下：一種基于D3的知識圖譜數據節點渲染方法，包括：

構建一個靜態工程并在所述靜態工程中引入數字可視化工具D3；

將知識圖譜數據節點的2D坐標由JSON格式轉換為二進制；

將轉換得到的二進制的2D坐標轉換為3D坐標；

在所述靜態工程中，使用D3在Canvas畫布中繪制基于所述3D坐標的WebGL元素，完成知識圖譜數據節點的渲染。

本發明的有益效果是：1.提高知識圖譜的展示數據節點的數據量；2.提高D3對CPU、GPU的利用率；3.提高知識圖譜在大數據量下的交互流暢性。

在上述技術方案的基礎上，本發明還可以做如下改進。

進一步，所述將轉換得到的二進制的2D坐標轉換為3D坐標，具體包括：

通過在轉換得到的二進制的2D坐標中添加Z坐標，將所述2D坐標轉換為3D坐標。

進一步，還包括：

在所述靜態工程中引入可創建worker線程的Web Worker；

通過創建的worker線程執行D3的計算過程，采用Transferable ArrayBuffer執行D3的數據交換過程。

進一步，還包括：

按照設定的補間策略，處理worker線程在執行計算過程中交互的動畫。

進一步，使用D3在Canvas畫布中繪制基于所述3D坐標的WebGL元素，具體包括：

創建HTML5 canvas，獲取畫布canvas的ID，獲取基于所述3D坐標的WebGL上下文，編譯著色器；

基于所述WebGL上下文和著色器在創建的canvas畫布中繪制由WebGL元素構成的圖形。

為實現上述發明目的，本發明還提供一種基于D3的知識圖譜數據節點渲染系統，包括：

第一引入模塊，用于構建一個靜態工程并在所述靜態工程中引入數字可視化工具D3；

第一轉換模塊，用于將知識圖譜數據節點的2D坐標由JSON格式轉換為二進制；

第二轉換模塊，用于將轉換得到的二進制的2D坐標轉換為3D坐標；

渲染模塊，用于在所述靜態工程中，使用D3在Canvas畫布中繪制基于所述3D坐標的WebGL元素，完成知識圖譜數據節點的渲染。