本發(fā)明涉及基于網(wǎng)頁的可視化與可視分析領(lǐng)域，具體涉及一種面向網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法及系統(tǒng)。

背景技術(shù)：

隨著網(wǎng)頁可視化技術(shù)的發(fā)展，互聯(lián)網(wǎng)上的可視化作為一種有效的信息表達(dá)形式隨處可見。交互作為信息的重要探索手段，對于理解可視化是不可或缺的。然而網(wǎng)頁可視化中的交互常常需要通過編寫代碼來實(shí)現(xiàn)。這提高了網(wǎng)頁可視化提供交互功能的門檻，從而導(dǎo)致很多網(wǎng)頁可視化提供很少甚至沒有交互功能。已有工作提出的交互構(gòu)建的方法，主要面向可視化編程人員，通過提供簡化、便于編寫交互的軟件包在可視化的生成過程中嵌入交互，以提供交互功能。目前的方法仍要求編寫代碼，且不能針對既有的可視化提供交互。

技術(shù)實(shí)現(xiàn)要素：

針對現(xiàn)有技術(shù)中存在的缺陷，本發(fā)明的目的在于提供一種網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法及系統(tǒng)，提供通過毋需編碼的方式，在保留網(wǎng)頁可視化區(qū)域交互功能的前提下，采用通用方法達(dá)到增強(qiáng)頁面可視化的目的。

為實(shí)現(xiàn)上述目的，本發(fā)明采用的技術(shù)方案為：

網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，包括以下步驟：

(1)在網(wǎng)頁中定位交互增強(qiáng)的可視化區(qū)域；

(2)提取被定位的可視化區(qū)域所對應(yīng)的文檔對象模型中的視覺元素，針對提取出的視覺元素，通過解析HTML中的標(biāo)簽，獲得對應(yīng)的視覺編碼的屬性；

(3)根據(jù)視覺元素在文檔對象模型樹中的父子關(guān)系，提取復(fù)合視覺元素；

(4)將步驟(2)中提取的視覺元素和/或步驟(3)中提取的復(fù)合視覺元素按照其在HTML中的標(biāo)簽類型進(jìn)行分類，屬于同一標(biāo)簽下的視覺元素和/或復(fù)合視覺元素設(shè)定為視覺元素組；對每個視覺元素組中的視覺元素進(jìn)行屬性分布統(tǒng)計；

(5)通過對視覺元素組的操作對相應(yīng)視覺元素組中的視覺元素或復(fù)合視覺元素進(jìn)行過濾，生成過濾結(jié)果；

(6)進(jìn)入步驟(7)；

或，

將步驟(5)中的過濾結(jié)果定義為新的視覺元素組，重復(fù)步驟(5)；

(7)修改過濾結(jié)果對應(yīng)的視覺元素或復(fù)合視覺元素在網(wǎng)頁中相關(guān)的HTML屬性，實(shí)現(xiàn)視覺突出的效果。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，步驟(1)中，在網(wǎng)頁上定位交互增強(qiáng)的可視化區(qū)域通過框選的方式進(jìn)行，其具體步驟包括：

1.1)修改網(wǎng)頁的HTML，插入交互增強(qiáng)所需的第三方軟件庫，在網(wǎng)頁上覆蓋一個的SVG元素，設(shè)定該SVG元素的鼠標(biāo)點(diǎn)擊、拖拽響應(yīng)事件函數(shù)，用以截獲用戶在網(wǎng)頁上的點(diǎn)擊及拖拽操作；

1.2)響應(yīng)鼠標(biāo)點(diǎn)擊、拖拽的動作，確定框選的區(qū)域?yàn)榻换ピ鰪?qiáng)的可視化區(qū)域。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，還包括：

(8)刪除步驟1.1)中的在網(wǎng)頁HTML中添加的SVG，退回網(wǎng)頁。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，步驟(2)中，提取被定位的可視化區(qū)域所對應(yīng)的文檔對象模型中的視覺元素，針對提取出的視覺元素，通過解析HTML中的標(biāo)簽，獲得對應(yīng)的視覺編碼的屬性；具體步驟包括：

2.1)按照HTML中文檔對象模型樹的層次結(jié)構(gòu)，由根節(jié)點(diǎn)開始，按深度優(yōu)先遍歷元素，獲得與步驟(1)中設(shè)定的矩形框相交的元素；

2.2)對查找到的元素中去除非幾何元素，提取與網(wǎng)頁可視化相關(guān)的視覺元素；

2.3)通過提取的視覺元素的HTML屬性，獲得對應(yīng)的視覺屬性及對應(yīng)取值。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，步驟(3)中，根據(jù)視覺元素在文檔對象模型樹中的父子關(guān)系，提取復(fù)合視覺元素；其具體步驟包括：

3.1)找到步驟(2)中提取的各視覺元素在文檔對象模型中的位置以及相互之間的關(guān)系；

3.2)抽取步驟(2)中某視覺元素，找到與該視元素具有相同父親、并且該父親中的所有孩子均是步驟(2)中提取的視覺元素的對應(yīng)的視覺元素，該某視覺元素與對應(yīng)視覺元素組成復(fù)合視覺元素；

3.3)將所有組成元素的視覺屬性合并為復(fù)合視覺元素的視覺屬性。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，步驟(4)中將步驟(2)中提取的視覺元素和/或步驟(3)中提取的復(fù)合視覺元素按照其在HTML中的標(biāo)簽類型進(jìn)行分類，屬于同一標(biāo)簽下的視覺元素和/或復(fù)合視覺元素設(shè)定為視覺元素組；對每個視覺元素組中的視覺元素進(jìn)行屬性分布統(tǒng)計；其具體步驟為：

4.1)將步驟(2)中提取的視覺元素按其標(biāo)簽類型進(jìn)行分類；將步驟(3)中的復(fù)合視覺元素，按照組成的標(biāo)簽類型集合進(jìn)行分類；屬于同一標(biāo)簽下的視覺元素和/或復(fù)合視覺元素組成視覺元素組；

4.2)針對同一視覺元素組，將該視覺元素組中視覺元素和/或復(fù)合視覺元素對應(yīng)的視覺屬性進(jìn)行分布統(tǒng)計：對于類別型屬性，按照類別進(jìn)行數(shù)量分布統(tǒng)計；對于數(shù)值型屬性，按照一定分割粒度，對數(shù)值范圍分隔后進(jìn)行數(shù)量分布統(tǒng)計。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，步驟(5)中，通過對視覺元素組的操作對相應(yīng)視覺元素組中的視覺元素和/或復(fù)合視覺元素進(jìn)行過濾，生成過濾結(jié)果；其中對視覺元素組的操作包括：

選擇視覺元素組，該被選擇的視覺元素組下的視覺元素或復(fù)合視覺元素均作為過濾結(jié)果；

或，

對不同視覺元素組取交集、并集和/或差集的集合運(yùn)算，將運(yùn)算結(jié)果中的視覺元素或復(fù)合視覺元素作為過濾結(jié)果。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，步驟(7)中，所述HTML屬性為在HTML中的對象透明度。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，上述步驟中，以可視化面板作為網(wǎng)頁交互增強(qiáng)的載體，所述可視化面板包括交互對象面板和交互條件設(shè)定面板；

所述交互對象面板包括：名稱顯示部分和屬性分布統(tǒng)計顯示部分；

所述名稱顯示部分用于顯示各視覺元素組的名稱；

所述屬性分布統(tǒng)計顯示部分顯示步驟(5)的過濾結(jié)果中的視覺元素和/或復(fù)合視覺元素的屬性分布統(tǒng)計；

所述交互條件設(shè)定面板用于接收對視覺元素組的操作指令和定義步驟(6)中形成的新的視覺元素組名稱。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法，所述屬性分布統(tǒng)計顯示部分以直方圖的形式顯示屬性分布統(tǒng)計結(jié)果。

進(jìn)一步地，本發(fā)明還提供了網(wǎng)頁可視化區(qū)域的交互增強(qiáng)系統(tǒng)，包括：

區(qū)域定位模塊，用于在網(wǎng)頁中定位交互增強(qiáng)的可視化區(qū)域；

第一分析模塊，用于提取被定位的可視化區(qū)域所對應(yīng)的文檔對象模型中的視覺元素，針對提取出的視覺元素，通過解析HTML中的標(biāo)簽，獲得對應(yīng)的視覺編碼的屬性；

第二分析模塊，用于根據(jù)視覺元素在文檔對象模型樹中的父子關(guān)系，提取復(fù)合視覺元素；

分組統(tǒng)計模塊，用于將視覺元素和/或復(fù)合視覺元素按照其在HTML中的標(biāo)簽類型進(jìn)行分類，屬于同一標(biāo)簽下的視覺元素和/或復(fù)合視覺元素設(shè)定為視覺元素組，還用于對每個視覺元素組中的視覺元素進(jìn)行屬性分布統(tǒng)計，并且存儲視覺元素組及對應(yīng)的視覺屬性數(shù)據(jù)；

過濾模塊，用于通過對視覺元素組的操作對相應(yīng)視覺元素組中的視覺元素或復(fù)合視覺元素進(jìn)行過濾，生成過濾結(jié)果；

過濾轉(zhuǎn)存模塊，將過濾模塊中生成的過濾結(jié)果定義為新的視覺元素組，轉(zhuǎn)存至分組統(tǒng)計模塊；

修改模塊，用于修改過濾結(jié)果對應(yīng)的視覺元素或復(fù)合視覺元素在網(wǎng)頁中相關(guān)的HTML屬性，實(shí)現(xiàn)視覺突出的效果；

交互模塊，用于接收用戶指令，也用于顯示視覺元素組及組中視覺元素和/或復(fù)合視覺元素的屬性分布統(tǒng)計。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)系統(tǒng)，所述過濾模塊包括執(zhí)行模塊和讀寫模塊；

讀寫模塊，用于讀取交互模塊的指令，解析該指令并將解析結(jié)果傳遞給執(zhí)行模塊；

讀寫模塊，還用于接收執(zhí)行模塊的結(jié)果反饋，并將該結(jié)果反饋生成顯示指令傳遞給交互模塊；

執(zhí)行模塊，用于根據(jù)讀寫模塊的解析結(jié)果讀取分組統(tǒng)計模塊中的視覺元素組數(shù)據(jù)并對視覺元素組進(jìn)行處理，并將處理后的結(jié)果反饋傳遞給讀寫模塊。

進(jìn)一步地，上述網(wǎng)頁可視化區(qū)域的交互增強(qiáng)系統(tǒng)，對視覺元素組的處理方式包括：

選擇視覺元素組，該被選擇的視覺元素組下的視覺元素或復(fù)合視覺元素均作為過濾結(jié)果；

或，

對不同視覺元素組取交集、并集和/或差集的集合運(yùn)算，將運(yùn)算結(jié)果中的視覺元素或復(fù)合視覺元素作為過濾結(jié)果。

本發(fā)明的有益效果在于：本發(fā)明針對網(wǎng)頁可視化中常見的交互缺乏的現(xiàn)象，提供了一種毋需編碼的交互增強(qiáng)技術(shù)。不依賴于網(wǎng)頁可視化區(qū)域的具體形式、使用數(shù)據(jù)和技術(shù)，基于HTML和文檔對象模型的操作，在不影響既有可視化中交互的前提下，提供了基本、通用的交互操作，增強(qiáng)了用戶對可視化的探索能力，提供了對信息的理解。

附圖說明

圖1為本發(fā)明具體實(shí)施方式的網(wǎng)頁可視化區(qū)域交互增強(qiáng)方法的流程圖；

圖2為本發(fā)明具體實(shí)施方式中的網(wǎng)頁和可視化面板的交互對象面板的示意圖；

圖3為本發(fā)明具體實(shí)施方式中網(wǎng)頁和將步驟(5)的過濾結(jié)果定義為新的視覺元素組后的交互對象面板的示意圖；

圖4為本發(fā)明具體實(shí)施方式中交互條件設(shè)定面板的示意圖；

圖5為實(shí)施例中一個針對既有可視化的交互增強(qiáng)的快照視圖；

圖6為本發(fā)明具體實(shí)施方式的網(wǎng)頁可視化區(qū)域的交互增強(qiáng)系統(tǒng)的結(jié)構(gòu)框圖。

圖7為本發(fā)明具體實(shí)施方式的過濾模塊的結(jié)構(gòu)框圖。

具體實(shí)施方式

下面結(jié)合說明書附圖與具體實(shí)施方式對本發(fā)明做進(jìn)一步的詳細(xì)說明。

圖1示出了本發(fā)明具體實(shí)施方式中網(wǎng)頁可視化區(qū)域的交互增強(qiáng)方法的流程圖，所述交互增強(qiáng)即在保證既有可視化中交互功能的前提下，提供基本的、通用的交互技術(shù)，解決在既有可視化中交互不足的缺陷，具體說來，包括以下步驟：

1.1)修改網(wǎng)頁的HTML，插入交互增強(qiáng)所需的第三方軟件庫，在網(wǎng)頁上覆蓋一個的SVG元素，該SVG元素可以覆蓋部分頁面或全部頁面；設(shè)定該SVG元素的鼠標(biāo)點(diǎn)擊、拖拽響應(yīng)事件函數(shù)，用以截獲用戶在網(wǎng)頁上的點(diǎn)擊及拖拽操作；1.2)響應(yīng)鼠標(biāo)點(diǎn)擊、拖拽的動作，確定框選的區(qū)域?yàn)榻换ピ鰪?qiáng)的可視化區(qū)域。通過上述子步驟實(shí)現(xiàn)步驟(1)在網(wǎng)頁中定位交互增強(qiáng)的可視化區(qū)域，S001；如圖2、圖3和圖5的頁面的左部所示均為通過鼠標(biāo)框選中的網(wǎng)頁，其中矩形框框住的區(qū)域即為根據(jù)用戶的鼠標(biāo)動作在網(wǎng)頁上定位的交互增強(qiáng)的可視化區(qū)域。

本具體實(shí)施方式中，該交互增強(qiáng)所需的第三方軟件庫的是指生成可視化面板及以及覆蓋網(wǎng)頁可視化區(qū)域的SVG元素所需的第三方軟件庫，本領(lǐng)域技術(shù)人員根據(jù)實(shí)際需求從現(xiàn)有技術(shù)中選取，例如：Bootstrap,D3.js(這里需要舉例說明，寫出一個或多個第三方軟件庫的名稱)。

2.1)按照HTML中文檔對象模型樹的層次結(jié)構(gòu)，由根節(jié)點(diǎn)(即HTML中的body對象)開始，按深度優(yōu)先遍歷元素，獲得與步驟(1)中定位的交互增強(qiáng)的可視化區(qū)域的元素；2.2)對查找到的元素中去除非幾何元素(例如<g>,<video>對象等)，提取與網(wǎng)頁可視化相關(guān)的視覺元素；2.3)通過提取的視覺元素的HTML屬性，獲得對應(yīng)的視覺屬性及對應(yīng)取值。通過上述子步驟實(shí)現(xiàn)步驟(2)提取被定位的可視化區(qū)域所對應(yīng)的文檔對象模型中的視覺元素，針對提取出的視覺元素，通過解析HTML中的標(biāo)簽，獲得對應(yīng)的視覺編碼的屬性(如顏色、大小等)，S002。

3.1)找到步驟(2)中提取的各視覺元素在文檔對象模型中的位置以及相互之間的關(guān)系；3.2)抽取步驟(2)中某視覺元素，找到與該視元素具有相同父親、并且該父親中的所有孩子均是步驟(2)中提取的視覺元素的對應(yīng)的視覺元素，該某視覺元素與對應(yīng)視覺元素組成復(fù)合視覺元素；3.3)將所有組成元素的視覺屬性合并為復(fù)合視覺元素的視覺屬性。通過上述步驟3.1)、3.2)、3.3)能夠?qū)崿F(xiàn)步驟(3)根據(jù)視覺元素在文檔對象模型樹中的父子關(guān)系，提取復(fù)合視覺元素，以代表復(fù)合的可視化設(shè)計S003。通過將單個視覺元素復(fù)合成復(fù)合視覺元素，可以應(yīng)對抽取可視化區(qū)域中的用多個視覺元素組合表達(dá)數(shù)據(jù)的情況。例如，用兩個圓的圖標(biāo)來表示一個數(shù)據(jù)項(xiàng)中的兩個分量。

通過上述步驟S002和S003，將在HTML中與框選的交互增強(qiáng)的可視化區(qū)域的視覺元素或復(fù)合視覺元素均提取出來，便于對修改其屬性實(shí)現(xiàn)可視化增強(qiáng)效果。

基于選擇便捷考慮，本實(shí)施例中還提供了分組步驟：4.1)將步驟(2)中提取的視覺元素按其標(biāo)簽類型(Tag)進(jìn)行分類；將步驟(3)中的復(fù)合視覺元素，按照組成的標(biāo)簽類型集合進(jìn)行分類；屬于同一標(biāo)簽下的視覺元素和/或復(fù)合視覺元素組成視覺元素組；4.2)針對同一視覺元素組，將該視覺元素組中視覺元素和/或復(fù)合視覺元素對應(yīng)的視覺屬性進(jìn)行分布統(tǒng)計(例如獲得顏色分布統(tǒng)計等)：對于數(shù)值型屬性，如半徑，按照一定分割粒度(默認(rèn)為20)，對數(shù)值范圍分隔后進(jìn)行數(shù)量分布統(tǒng)計對于類別型屬性，按照類別進(jìn)行數(shù)量分布統(tǒng)計。通過上述子步驟實(shí)現(xiàn)步驟(4)將步驟(2)中提取的視覺元素和/或步驟(3)中提取的復(fù)合視覺元素按照其在HTML中的標(biāo)簽類型進(jìn)行分類，屬于同一標(biāo)簽下的視覺元素和/或復(fù)合視覺元素設(shè)定為視覺元素組；對每個視覺元素組中的視覺元素進(jìn)行屬性分布統(tǒng)計。

(5)通過對視覺元素組的操作對相應(yīng)視覺元素組中的視覺元素或復(fù)合視覺元素進(jìn)行過濾，生成過濾結(jié)果，S005；其中相應(yīng)視覺元素組的操作包括：1、選擇視覺元素組，該被選擇的視覺元素組下的視覺元素或復(fù)合視覺元素均作為過濾結(jié)果；2、對不同視覺元素組取交集、并集和/或差集的集合運(yùn)算，將運(yùn)算結(jié)果中的視覺元素或復(fù)合視覺元素作為過濾結(jié)果。上述兩種對視覺元素組的操作可任選其一。通過直接選擇的方式，在視覺屬性上刷選對應(yīng)的感興趣區(qū)間，例如通過刷選視覺元素的顏色屬性上的特定顏色范圍，過濾出特定顏色的圖元。進(jìn)而不同屬性的過濾操作以交運(yùn)算結(jié)合，篩選出滿足多種條件的視覺元素；

(6)進(jìn)入步驟(7)，如此步驟(5)的過濾結(jié)果可以直接作為最終確定好的可視化交互增強(qiáng)的視覺元素進(jìn)入修改步驟(即步驟6中直接進(jìn)入步驟7的部分)，實(shí)現(xiàn)其可視化增強(qiáng)效果；或者，將步驟(5)中的過濾結(jié)果定義為新的視覺元素組，重復(fù)步驟(5),進(jìn)行再次過濾，實(shí)現(xiàn)再次交互探索的功能，S006。

為便于直觀選擇，本實(shí)施例以可視化面板作為網(wǎng)頁交互增強(qiáng)的載體，所述可視化面板包括交互對象面板(如圖2、圖3和圖5右半部所示)和交互條件設(shè)定面板(如圖4所示)；所述交互對象面板包括：名稱顯示部分(圖2、圖3和圖5右上部所示)和屬性分布統(tǒng)計顯示部分(圖2、圖3和圖5右下部分所示)；所述名稱顯示部分用于顯示分類好的各視覺元素組的名稱。各視覺元素組可視化為圖標(biāo)顯示，圖標(biāo)中給出視覺元素組的標(biāo)簽名以及組中的元素個數(shù)，選擇對應(yīng)的視覺元素組可通過點(diǎn)擊圖標(biāo)實(shí)現(xiàn)。所述屬性分布統(tǒng)計顯示部分顯示步驟(5)的過濾結(jié)果中的視覺元素和/或復(fù)合視覺元素的屬性分布統(tǒng)計；所述交互條件設(shè)定面板用于接收對視覺元素組的操作指令和定義步驟(6)中形成的新的視覺元素組名稱。為便于觀察，所述屬性分布統(tǒng)計顯示部分以直方圖的形式顯示屬性分布統(tǒng)計結(jié)果。

用戶根據(jù)自己感興趣的區(qū)間通過對相應(yīng)的視覺元素組操作后，得到過濾結(jié)果，通過步驟(7)修改過濾結(jié)果對應(yīng)的視覺元素或復(fù)合視覺元素在網(wǎng)頁中相關(guān)的HTML屬性，實(shí)現(xiàn)視覺突出的效果，S007。在本實(shí)施例中，上述相關(guān)的HTML屬性為在HTML中的對象透明度，具體修改方式可以是：將不存在于過濾結(jié)果中的視覺元素和/或復(fù)合視覺元素的對象透明度設(shè)高(默認(rèn)0.8)，沒有被選擇的視覺元素透明度設(shè)高，導(dǎo)致沒有被選擇的視覺元素變的透明，從畫面中淡出，從而達(dá)到高亮選擇的對象的效果。

(8)刪除步驟1.1)中的在網(wǎng)頁HTML中添加的SVG，退回網(wǎng)頁，使用既有界面自帶的交互功能，S008。

如圖6所示，本實(shí)施例網(wǎng)頁可視化的交互增強(qiáng)系統(tǒng)執(zhí)行上述步驟，區(qū)域定位模塊根據(jù)用戶操作對網(wǎng)頁進(jìn)行交互增強(qiáng)初始化，在網(wǎng)頁HTML中插入第三方軟件庫以及檢測交互的SVG對象；再根據(jù)用戶鼠標(biāo)的圈選動作，確定既有可視化所在的區(qū)域，在網(wǎng)頁中定位交互增強(qiáng)的可視化區(qū)域。第一分析模塊根據(jù)圈選的區(qū)域，在文檔對象模型中按深度優(yōu)先搜索區(qū)域內(nèi)的視覺元素，提取被定位的可視化區(qū)域所對應(yīng)的文檔對象模型中的視覺元素，針對提取出的視覺元素，通過解析HTML中的標(biāo)簽，獲得對應(yīng)的視覺編碼的屬性。第二分析模塊基于視覺元素在文檔對象模型中的父子關(guān)系，提取復(fù)合視覺元素。將視覺元素按類別分組，接著計算組內(nèi)的屬性數(shù)量分布。分組統(tǒng)計模塊將視覺元素和/或復(fù)合視覺元素按照其在HTML中的標(biāo)簽類型進(jìn)行分類，屬于同一標(biāo)簽下的視覺元素和/或復(fù)合視覺元素設(shè)定為視覺元素組，還用于對每個視覺元素組中的視覺元素進(jìn)行屬性分布統(tǒng)計。交互模塊，將視覺元素和/或復(fù)合視覺元素及其屬性分布可視化，作為交互的面板。交互模塊接收用戶指令，將指令傳遞給過濾模塊。過濾模塊，根據(jù)交互模塊傳遞的指令識別用戶對視覺元素組的操作，并對相應(yīng)視覺元素組中的視覺元素或復(fù)合視覺元素進(jìn)行過濾，生成過濾結(jié)果；過濾模塊根據(jù)用戶操作指令還可以將生成的過濾結(jié)果定義為新的視覺元素組，以實(shí)現(xiàn)再次過濾。最終修改模塊通過修改最終過濾結(jié)果對應(yīng)的視覺元素或復(fù)合視覺元素在網(wǎng)頁中對應(yīng)的HTML屬性，實(shí)現(xiàn)視覺突出的效果。

如圖7所示，過濾模塊包括執(zhí)行模塊和讀寫模塊；讀寫模塊讀取交互模塊接收到的用戶指令，解析該指令并將解析結(jié)果傳遞給執(zhí)行模塊；執(zhí)行模塊，用于根據(jù)讀寫模塊的解析結(jié)果對視覺元素組進(jìn)行處理，并將處理后的結(jié)果反饋傳遞給讀寫模塊。讀寫模塊接收執(zhí)行模塊的結(jié)果反饋后，將該結(jié)果反饋編碼生成顯示指令傳遞給交互模塊，完成過濾過程。

圖2示出了本發(fā)明具體實(shí)施方式中的交互增強(qiáng)的可視化面板。左側(cè)虛線框表示在可視化的網(wǎng)頁中的圈選區(qū)域，右側(cè)可視化面板包括兩個部分，上部為提取元素組的標(biāo)簽可視化，標(biāo)簽給出了元素的標(biāo)簽名稱以及組中元素的數(shù)量。下部為所選擇的元素組的視覺屬性分布，此處所選擇的是圓形元素組，包括了半徑、顏色、位置等屬性的分布。當(dāng)前狀態(tài)為選中了標(biāo)簽名為“circle”的視覺元素組。

圖3示出了本發(fā)明具體實(shí)施方式中的保存交互結(jié)果視圖。根據(jù)用戶的選擇，步驟(5)的過濾結(jié)果定義為標(biāo)簽為“group”的新的視覺元素組，保存入面板上部的元素組標(biāo)簽中。

圖4示出了本發(fā)明具體實(shí)施方式交互條件設(shè)定面板的視圖。視圖中包括新的標(biāo)簽組命名、運(yùn)算表達(dá)式、運(yùn)算對象和運(yùn)算符號幾個圖標(biāo)，用戶通過點(diǎn)擊的交互操作完成集合運(yùn)算中運(yùn)算對象以及運(yùn)算符的指定，系統(tǒng)獲取該指定并生成運(yùn)算結(jié)果。運(yùn)算對象為提取或構(gòu)造的視覺元素組，運(yùn)算符為集合運(yùn)算中的交、并、差三類操作。運(yùn)算結(jié)果可以再保存為新的視覺元素組。

圖5示為本發(fā)明實(shí)施例中一個針對既有可視化的交互增強(qiáng)的快照視圖，對網(wǎng)頁可視化區(qū)域(此處為紐約時報上使用可視化形式進(jìn)行的報道)的交互增強(qiáng)。通過圈選特定區(qū)域的可視化，獲得展示可視化形式中視覺元素的及其屬性分布的面板，在面板中對視覺元素從多種屬性上進(jìn)行條件范圍設(shè)定，篩選出感興趣的視覺元素，這些視覺元素在既有可視化中動態(tài)的高亮出來，幫助用戶快速定位元素。圖中將名為“circle”的視覺元素組中視覺元素或復(fù)合視覺元素作為了修改對象，對其對象透明度進(jìn)行了修改，完成了相應(yīng)圖形的高亮顯示，實(shí)現(xiàn)了可視化增強(qiáng)。

顯然，本領(lǐng)域的技術(shù)人員可以對本發(fā)明進(jìn)行各種改動和變型而不脫離本發(fā)明的精神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其同等技術(shù)的范圍之內(nèi)，則本發(fā)明也意圖包含這些改動和變型在內(nèi)。