TWM520673U - 資料的圖形化分析系統 - Google Patents

Description

資料的圖形化分析系統

本新型是有關於一種資料分析系統，特別是指一種資料的圖形化分析系統。

一般來說，資料報表包含多個資料類別，每一資料類別包括多個資料數據。例如，如下列表一所示，一家公司的財務報表可包含營業收入、營業毛利、營業利益、稅前純益、稅後純益等資料類別，每一資料類別包括不同時間點的財報數據，例如不同年度、不同季度，或不同月份的財報數據。

然而，對使用者來說，要從複雜的資料類別與資料數據中觀察出資料數據的變化，實在非常不容易，故需謀求解決的方式。

因此，本新型之目的，即在提供一種資料的圖形化分析系統。

於是，本新型資料的圖形化分析系統包含一資料儲存單元及一處理單元。

該資料儲存單元包括多個資料類別，且每一資料類別具有一第一數據及一第二數據。

該處理單元連接該資料儲存單元，針對每一資料類別計算一對應該資料類別並相關於該資料類別的該第一數據與該第二數據的差異的表現數據，並產生一包含該等資料類別的名稱與該等表現數據並可據以顯示出一熱圖的熱圖資料，其中，當該熱圖被顯示時，該熱圖包含多個分別對應該等資料類別並具有顏色的框格，每一框格的顏色是根據該框格對應的資料類別對應的表現數據所決定的，且每一資料類別的名稱顯示於該資料類別對應的框格中。

本新型之功效在於：使用者能從該熱圖中輕易地觀察出各個資料類別的資料數據的變化。

1‧‧‧分析系統

11‧‧‧資料儲存單元

12‧‧‧處理單元

13‧‧‧通訊單元

2‧‧‧顯示裝置

21‧‧‧顯示畫面

211‧‧‧第一子畫面

212‧‧‧第二子畫面

213‧‧‧輸入欄位

214‧‧‧第一選項條

215‧‧‧第二選項條

31~310‧‧‧步驟

4‧‧‧熱圖

41‧‧‧框格

5‧‧‧趨勢圖

本新型之其他的特徵及功效，將於參照圖式的實施方式中清楚地呈現，其中： 圖1是一方塊圖，說明本新型資料的圖形化分析系統；圖2是一流程圖，說明該資料的圖形化分析系統與一顯示裝置所執行的一資料的圖形化分析方法的步驟流程；圖3是一示意圖，說明在該顯示裝置的一顯示畫面中顯示一熱圖；圖4是一示意圖，說明在該顯示畫面中一併顯示該熱圖與一相關於「營業利益」的趨勢圖，其中該趨勢圖為直方圖；圖5是一類似圖4示意圖，說明在該顯示畫面中一併顯示該熱圖與一相關於「業外獲利」的趨勢圖，其中該趨勢圖也為直方圖；圖6是一示意圖，說明在該顯示畫面中一併顯示該熱圖與另一相關於「營業利益」的趨勢圖，其中該另一趨勢圖為折線圖；圖7是一類似圖6的示意圖，說明在該顯示畫面中一併顯示該熱圖與一相關於「營業利益」與「業外獲利」的趨勢圖，其中該趨勢圖也為折線圖；及圖8是一示意圖，說明在該顯示畫面中一併顯示另一熱圖與另一一相關於「營業利益」與「業外獲利」的趨勢圖，其中該另一趨勢圖也為折線圖。

在本新型被詳細描述之前，應當注意在以下的說明內容中，類似的元件是以相同的編號來表示。

參閱圖1，本新型資料的圖形化分析系統1的一第一實施方式例如為一伺服器，包含一資料儲存單元11、一通訊單元13，及一連接該資料儲存單元11與該通訊單元13的處理單元12。該資料儲存單元11儲存了多個公司的財務資料，每一公司對應一識別代號，且每一識別代號對應多個資料類別。在本第一實施方式中，該等資料類別包含「營業利益」、「營業毛利」、「營業費用」、「營業收入」、「營業成本」、「推銷費用」、「管理費用」、「研發費用」、「業外獲利」、「業外收入」、「業外支出」、「稅前純益」、「稅後純益」、「每股盈餘」等等；且每一資料類別具有不同年度的年度數據與不同季度的季度數據。

該通訊單元13經由通訊網路連接一顯示裝置2，該顯示裝置2例如為筆記型電腦、智慧型手機，或平板電腦。也就是說，在本第一實施方式中，該分析系統1與該顯示裝置2形成一主從模式(client-server model)。

參閱圖2，圖2說明本新型資料的圖形化分析系統1與該顯示裝置2所執行的一資料的圖形化分析方法的步驟流程；其中，該顯示裝置2是藉由利用一例如為Mozilla Firefox或Google Chrome的網路瀏覽器執行HTML5(HyperText Markup Language 5)語法與Java Scripts來實現該資料的圖形化分析方法。

首先，在步驟31，該處理單元12預先針對每一識別代號對應的每一資料類別，計算一對應該資料類別並相關於該資料類別的一第一數據與一第二數據的差異的表現數據，並儲存該表現數據於該資料儲存單元11中。

接著，在步驟32，該顯示裝置2經由一使用者的操作而傳送該等識別代號的其中一者至該分析系統1的該處理單元12。

接著，在步驟33，該處理單元12產生一包含所接收到的識別代號所對應的該等資料類別的名稱與該等資料類別對應的該等表現數據並可據以顯示出一熱圖的熱圖資料。

接著，在步驟34，該處理單元12使該通訊單元13傳送該熱圖資料至該顯示裝置2。

接著，在步驟35，該顯示裝置2根據該熱圖資料繪製並顯示該熱圖；其中，該熱圖包含多個分別對應該等資料類別並具有顏色的框格，每一框格的顏色是根據該框格對應的資料類別對應的表現數據所決定的，且每一資料類別的名稱顯示於該資料類別對應的框格中，每一表現數據也顯示於所對應的資料類別對應的框格中。

特別地，在該第一實施方式中，該分析系統11本身並不繪製該熱圖，而是將繪製該熱圖所需的資料，也就是該熱圖資料，直接傳送至該顯示裝置2，但也可以預先封裝、加密等，以達 到更好的傳輸效率或增加安全性；該顯示裝置2接收到該熱圖資料之後再利用HTML5的技術根據該熱圖資料繪製該熱圖。

舉例來說，該分析系統1的該處理單元12預先針對每一識別代號對應的每一資料類別的最近四年的年度數據進行分析。在本例中，該最近四年的年度數據分別為2011年的年度數據、2012年的年度數據、2013年的年度數據，及2014年的年度數據。特別地，該處理單元12針對每一資料類別，計算該資料類別的2014年的年度數據(也就是該第一數據)，相對於該2011年的年度數據(也就是該第二數據)的累積成長率或增幅(也就是該表現數據)，即(2014年的年度數據-2011年的年度數據)÷2014年的年度數據×100%。例如，「營業利益」近四年的累積成長率為+23%、「研發費用」近四年的累積成長率為-33%等等。

之後，參閱圖3，該使用者在該顯示裝置2上執行該網路瀏覽器而連接該分析系統1之後，產生一顯示畫面21，並在其中的一輸入欄位213中輸入識別代號「1101」，且進一步操作該顯示裝置2而將識別代號「1101」傳送至該分析系統1。該分析系統1接收到識別代號「1101」之後傳送對應的熱圖資料至該顯示裝置2。

然而，該處理單元12所能分析的數據並不限於最近四年的年度數據。如圖3所示，該顯示裝置2的該顯示畫面21可包含一可供該使用者操作來設定所欲分析的資料的第一選項條214，除 了最近四年的年度數據之外，該使用者還可選擇最近二年、最近三年，或最近五年的年度數據，或者是不同季度的季度數據。該使用者操作該第一選項條214之後，該顯示裝置2傳送該第一選項條214的設定資訊至該分析系統1，讓該分析系統1據以判斷所欲分析的數據為何。

接著，該顯示裝置2在接收到該熱圖資料之後，根據該熱圖資料繪製該熱圖4，並將該熱圖4顯示於該顯示畫面21的一第一子畫面211。特別地，在該熱圖4中，對於每一資料類別而言，若其所對應的累積成長率為正數，則其所對應的框格41的顏色為紅色(圖式中以點圖表示紅色，例如是「營業利益」對應的框格)，若其所對應的累積成長率為負數，則其所對應的框格41的顏色為綠色(圖式中以L型圖表示綠色，例如是「業外支出」對應的框格)，而若其所對應的累積成長率為零，則其所對應的框格41的顏色為灰色(例如是「營業收入」對應的框格)。

特別地，在該步驟35，該顯示裝置2還針對該熱圖的每一框格，根據該框格對應的資料類別對應的表現數據與一的敏感度參數決定該框格的一顏色飽和度，其中該敏感度參數大於零，且該顏色飽和度負相關於該敏感度參數並正相關於該表現數據的絕對值。其實現方式為：首先，根據該敏感度參數定義出多個分別對應不同的顏色飽和度的數值區間，其中任二數值區間無交集，且所涵 蓋的數值愈高的數值區間，所對應的顏色飽和度愈高；接著，針對每一框格，判斷該框格對應的資料類別對應的表現數據的絕對值所屬的數值區間為該等數值區間中的何者，且決定該框格的該顏色飽和度為該所屬的數值區間對應的顏色飽和度。

承上述之例與圖3來說明。首先，定義出數值範圍為“(0%,25%]×敏感度參數”且對應一第一顏色飽和度的一第一數值區間、數值範圍為“(25%,50%]×敏感度參數”且對應一第二顏色飽和度的一第二數值區間、數值範圍為“(50%,75%]×敏感度參數”且對應一第三顏色飽和度的一第三數值區間，及數值範圍為“(75%,無窮大)×敏感度參數”且對應一第四顏色飽和度的一第四數值區間，其中，該第一顏色飽和度<該第二顏色飽和度<該第三顏色飽和度<該第四顏色飽和度。接著，針對每一框格41，判斷該框格41對應的資料類別對應的累積成長率的絕對值所屬的數值區間為第一至第四數值區間中的何者，繼而決定該框格41的該顏色飽和度為第一至第四顏色飽和度中的何者。在此例中，該敏感度參數為100%，所以第一至第四數值區間分別為(0%,25%]、(25%,50%]、(50%,75%]及(75%,無窮大)，在圖3中，「業外獲利」對應的框格顯示了具有第四顏色飽和度的紅色、「稅後純益」對應的框格顯示了具有第二顏色飽和度的紅色、「稅前純益」對應的框格顯示了具有第一顏色飽和度的紅色、「研發費用」對應的框 格顯示了具有第二顏色飽和度的綠色、「推銷費用」對應的框格顯示了具有第一顏色飽和度的綠色，依此類推(在紅色框格中，顏色飽和度以點密集度來表示；而在綠色框格中，顏色飽和度以L密集度來表示)。又例如，當該敏感度參數為10%時，第一至第四數值區間分別為(0%,2.5%]、(2.5%,5%]、(5%,7.5%]及(7.5%,無窮大)，除了「業外收入」及「營業成本」分別對應的框格顯示具有第二顏色飽和度的紅色及綠色、「營業收入」對應的框格顯示灰色之外，其他資料類別對應的框格均顯示具有第四顏色飽和度的顏色。也就是說，藉由控制該敏感度參數的大小，能控制顏色飽和度的多樣性。當該敏感度參數較小時，該熱圖4所顯示的顏色飽和度的變化較小；相對地，當該敏感度參數較大時，該熱圖4所顯示的顏色飽和度的變化較大。

特別地，如圖3所示，該使用者從該熱圖4中可輕易地觀察出各個資料類別的2014年度的年度數據相對於2011年度的年度數據的累積成長率。

此外，該敏感度參數並不限於上述。如圖3所示，該顯示裝置2的該顯示畫面21可包含一可供該使用者操作來設定該敏感度參數的第二選項條215。該使用者操作該第二選項條215之後，該顯示裝置2根據該第二選項條215所設定的敏感度參數計算該熱圖4的各個框格41的顏色飽和度。

再參閱圖2，接著在步驟36，該使用者操作該顯示裝置2而選擇該等資料類別的其中一者，而使得在步驟37，該顯示裝置2傳送一相關於該資料類別的控制命令至該分析系統1。

接著，在步驟38，當該處理單元12藉由該通訊單元13接收到該控制命令時，該處理單元12產生一包含該資料類別的該第一數據與該第二數據並可據以顯示出一相關於該資料類別的趨勢圖的趨勢圖資料。

接著，在步驟39，該處理單元12藉由該通訊單元13傳送該趨勢圖資料至該顯示裝置2；在步驟310，該顯示裝置2根據該趨勢圖資料繪製該趨勢圖，並在同一顯示畫面中顯示該熱圖與該趨勢圖。同樣地，該分析系統11本身並不繪製該趨勢圖，而是將繪製該趨勢圖所需的資料，也就是該趨勢圖資料，傳送至該顯示裝置2；該顯示裝置2接收到該趨勢圖資料之後再利用HTML5的技術根據該趨勢圖資料繪製該趨勢圖。

在本第一實施方式中，該使用者可藉由在該顯示裝置2所顯示的熱圖上以“點選框格”或“拖曳框格”的方式選擇該資料類別。再以上述之例與圖3~8來說明，當該使用者“點選”圖3所示的熱圖4的「營業利益」對應的框格而傳送該控制指令至該分析系統1時，該分析系統1產生的該趨勢圖資料包含「營業利益」的2011~2014年的年度數據。該分析系統1傳送該趨勢圖資料至該顯 示裝置2而使得，如圖4所示，該顯示裝置2根據該趨勢圖資料在該顯示畫面21的一第二子畫面212上顯示2011~2014年的年度數據的趨勢圖5，其中該趨勢圖5為直方圖。而若該使用者接著再“點選”該熱圖4的「業外獲利」對應的框格，如圖5所示，該第二子畫面212顯示「業外獲利」的2011~2014年的年度數據的直方圖。

當該使用者“拖曳”該熱圖4的「營業利益」對應的框格至該第二子畫面212時，如圖6所示，該第二子畫面212進入一比較模式，並顯示「營業利益」的2011~2014年的年度數據的另一種趨勢圖5，也就是折線圖。而若該使用者接著再“拖曳”該熱圖4的「業外獲利」對應的框格至該第二子畫面212，如圖7所示，該第二子畫面212一併顯示「營業利益」與「業外獲利」的2011~2014年的年度數據的折線圖，讓該使用者能輕易地比較「營業利益」與「業外獲利」的年度數據。

接著，如圖8所示，該使用者可進一步在該顯示畫面21的該輸入欄位213中輸入另一識別代號，例如是「1102」，且進一步操作該顯示裝置2將識別代號「1102」傳送至該分析系統1。接著，該分析系統1將對應「1102」的熱圖資料傳送至該顯示裝置2，而使對應「1102」的熱圖4顯示於該顯示畫面21的該第一子畫面211。接著，若該使用者“拖曳”對應「1102」的熱圖4的「營業利益」對應的框格與「業外獲利」對應的框格至該第二子畫面212， 該第二子畫面212能一併顯示對應識別代號「1101」(也就是XX公司)與「1102」(也就是YY公司)的「營業利益」與「業外獲利」的2011~2014年的年度數據的折線圖。

特別地，如圖4~8所示，在該顯示畫面21中一併顯示該熱圖4與該趨勢圖5，能讓該使用者從該熱圖4中輕易地觀察出每一資料類別的累積成長率，並同時從該趨勢圖5中輕易地觀察出每一資料類別的年度數據的變化，並能輕易地比較不同識別代號的資料類別之間的差異。

此外，該資料的圖形化分析方法並不限於在上述的主從模式中實現。在一第二實施方式中，該分析系統1可為一電腦主機，該顯示裝置2為一螢幕且直接電連接該通訊單元13，該通訊單元13例如為VGA或HDMI的影像信號傳輸介面。也就是說，該第二實施方式是以單機模式來執行該資料的圖形化分析方法，其中，該等熱圖與趨勢圖的相關計算，包括該等表現數據的計算、該等熱圖與該等趨勢圖的繪製、該等顏色飽和度的計算等等，均是由該處理單元12執行，該顯示裝置2僅用於資料的顯示。

綜上所述，本新型資料的圖形化分析系統，藉由產生包含多個具有顏色的框格的該熱圖，並在該等框格中顯示該等資料類別的名稱與對應的表現數據，及產生對應一或多個資料類別的該趨勢圖，且在同一顯示畫面中顯示該熱圖與該趨勢圖，能讓該使用 者從該熱圖與該趨勢圖中輕易地觀察出資料數據的變化，故確實能達成本新型之目的。

惟以上所述者，僅為本新型之實施例而已，當不能以此限定本新型實施之範圍，凡是依本新型申請專利範圍及專利說明書內容所作之簡單的等效變化與修飾，皆仍屬本新型專利涵蓋之範圍內。

2‧‧‧顯示裝置

21‧‧‧顯示畫面

211‧‧‧第一子畫面

212‧‧‧第二子畫面

213‧‧‧輸入欄位

214‧‧‧第一選項條

215‧‧‧第二選項條

4‧‧‧熱圖

41‧‧‧框格

5‧‧‧趨勢圖

Claims (8)

1. 一種資料的圖形化分析系統，包含：一資料儲存單元，包括多個資料類別，且每一資料類別具有一第一數據及一第二數據；及一處理單元，連接該資料儲存單元，針對每一資料類別計算一對應該資料類別並相關於該資料類別的該第一數據與該第二數據的差異的表現數據，並產生一包含該等資料類別的名稱與該等表現數據並可據以顯示出一熱圖的熱圖資料，其中，當該熱圖被顯示時，該熱圖包含多個分別對應該等資料類別並具有顏色的框格，每一框格的顏色是根據該框格對應的資料類別對應的表現數據所決定的，且每一資料類別的名稱顯示於該資料類別對應的框格中。
2. 如請求項1所述的資料的圖形化分析系統，其中，每一表現數據也顯示於所對應的資料類別對應的框格中。
3. 如請求項2所述的資料的圖形化分析系統，還包含一連接該處理單元的通訊單元，且該通訊單元連接一顯示裝置，該處理單元使該通訊單元傳送該熱圖資料至該顯示裝置而使該顯示裝置根據該熱圖資料顯示該熱圖。
4. 如請求項3所述的資料的圖形化分析系統，其中，該顯示裝置針對該熱圖的每一框格，根據該框格對應的資料類別對應的表現數據與一敏感度參數決定該框格的一顏色飽和度，其中該敏感度參數大於零，且該顏色飽和度負相關於該敏感度參數並正相關於該表現數據的絕對值。
5. 如請求項4所述的資料的圖形化分析系統，其中，該顯示裝置根據該敏感度參數定義出多個分別對應不同的顏色飽和度的數值區間，其中任二數值區間無交集，且所涵蓋的數值愈高的數值區間，所對應的顏色飽和度愈高，並針對該熱圖的每一框格，判斷該框格對應的資料類別對應的表現數據的絕對值所屬的數值區間為該等數值區間中的何者，且決定該框格的該顏色飽和度為該所屬的數值區間對應的顏色飽和度。
6. 如請求項5所述的資料的圖形化分析系統，其中，當該處理單元藉由該通訊單元接收到一來自該顯示裝置的相關於該等資料類別的其中一者的控制命令時，該處理單元產生一包含該資料類別的該第一數據與該第二數據並可據以顯示出一相關於該資料類別的趨勢圖的趨勢圖資料，並藉由該通訊單元傳送該趨勢圖資料至該顯示裝置，而使該顯示裝置在同一顯示畫面中顯示該熱圖與該趨勢圖。
7. 如請求項1或2所述的資料的圖形化分析系統，其中，該處理單元針對該熱圖的每一框格，根據該框格對應的資料類別對應的表現數據與一敏感度參數決定該框格的一顏色飽和度，其中該敏感度參數大於零，且該顏色飽和度負相關於該敏感度參數並正相關於該表現數據的絕對值。
8. 如請求項7所述的資料的圖形化分析系統，其中，該處理單元根據該敏感度參數定義出多個分別對應不同的顏色飽和度的數值區間，其中任二數值區間無交集，且所涵蓋的數值愈高的數值區間，所對應的顏色飽和度愈高，並針 對該熱圖的每一框格，判斷該框格對應的資料類別對應的表現數據的絕對值所屬的數值區間為該等數值區間中的何者，且決定該框格的該顏色飽和度為該所屬的數值區間對應的顏色飽和度。