壹、數據圖表的構成
1.數據圖表的組成
我們拆解數據圖表的結構後,會發現壹個數據圖表是由許多微小的預制組件組成的,這些組件都有自己的名稱和主要用途,即文章標題、軸、圖表、圖標、logo和信息提示。在正常應用的整個過程中,會根據場景對壹些預制元素進行修飾和裁剪,以減少殘留的信息量,幫助客戶以最合適的數據-inkRatio快速達成整體目標,在至少_ _ _ _的時間內獲得大量的信息量。
文章標題-描述數據圖表的主題樣式(包括主要文章標題和副標題的格式)
標識-今天這組數據信息內容的標識。
軸-用於定義數據在平面坐標中方位角的投影相關性。
圖表-模式本身的歸納
信息提示——在輕擊或懸停的情況下,會以交互信息提示的方式顯示該點的詳細數據信息。
圖案-統計圖的視覺效果-安全通道在外觀上的投影的視覺效果
下面,我可以壹點壹點的為大家解讀,讓大家有效利用。但在此之前,我們先掌握壹個知識點——黑墨與數據信息的比例,以便更好地理解下面的內容。
2.數據信息油墨比
數據信息的墨比——“數據-墨比”是1983中視覺效果大師EdwardTufte在《數量化信息形成的可視化展示》中明確提出的定義:數據圖表的大部分墨水筆都要用來顯示數據信息,當數據信息發生變化時,墨水筆也會發生變化。他將數據信息的印刷油墨比定義為數據信息所用的油墨量除以數據圖表中的印刷油墨總量。其中,數據信息墨跡是指數據圖表中不可刪除的特定內容。比如我可以刪除圖標、縱坐標、分割線,大概不會輕易危及妳從數據圖表中加載相關信息。但是,如果刪除數據圖表的主要元素,如直方圖和餅圖,數據圖表將丟失其內容。
我個人更傾向於用“信噪比”=信號/(信號+噪聲)的定義來理解,因為根據數據可視化傳遞的信息內容不僅是數據信息,更是業務流程洞察,尤其重要的是觀點、總結等信息內容通常必須以文本形式呈現。但無論用哪個詞,最終目的都是為了突出“信息內容”的壹部分,去除這些影響的“噪音”。
因此,數據信息墨水在數據圖表中所占的比重越大,數據圖表的剩余信息量就越低,信息傳遞的實際效果就越高。所以在建立數據圖表和圖形的時候,大家的總體目標應該是在有效範圍內最大化數據信息的盈利比例。
二、數據圖表元素詳細說明
1.文章標題
壹個既定的、壹致的文章標題,可以快速讓讀者知道數據圖表應該表達什麽。壹般來說,資料圖的文章標題是根據資料圖必須表達的內容來決定的,大部分的朋友可能會覺得命名太難了。但是當這個數據圖的結果是單壹唯壹的時候,建議在總結數據圖的文章標題中加壹個總結性的網絡開關。那樣會減少讀者誤解妳意圖的可能性,保證他們會把重點放在妳想強調的數據信息上。
2.軸(縱坐標)
2.1定義
Axis是壹個手機定位系統,可以讓每個二維數組在維度空間找到投影關聯,更偏重於數學課/物理概念。換句話說,軸的作用就像把數據可視化目標放在同壹個標準上,然後用尺子進行校準測量。在大數據的可視化中,壹般存在於笛卡爾平面坐標(直角坐標)和極坐標中。通過分解軸的“分子”因素,可以得到以下類型的元素,即:中心線、軸刻度線、軸標誌、軸文章標題(企業)及其分隔線。
2.2分類
根據匹配的自變量是連續數據信息還是離散變量數據信息,軸可以分為:分類軸、時間軸、連續軸。
2.3申請建議書
2.3.1中線
壹般中心線只考慮是否表示上述數據和信息墨比的組合,在分隔線的情況下,柱形圖/折線統計圖會隱藏Y中心線,而條形圖會隱藏X中心線,以減少信息內容的噪音,突出視覺效果的關鍵目的。
2.3.2軸線標尺線
軸刻度線是中心線上的壹條小直線,可以給標準值在縱坐標上壹個既定的位置。軸線刻度線有三種,分別是:內、中(即十字法)、外。但標尺應放在標準值縱坐標的兩側,不建議用居中或嵌入標尺的方法表示。
軸尺線的應用是提高投影相關性,快速匹配到數據信息點。分類軸多出現在柱形圖和條形圖中,投影之間有天然的對應關系,所以軸上的標尺線習慣性地隱藏在分類軸中。
分模線
分隔線用於幫助數據圖表改善投影關聯。分割線的應用可以提高數據信息的可讀性,分割線有兩個作用:壹是拓寬了對數據可視化對象的尺度,便於觀察數據信息值的大小;二是提高中間的數據可視化目標,有利於比較。
分隔線壹般跟隨範圍軸的部分,單邊顯示柱形圖選擇水平網格圖,條形圖選擇垂直網格圖。在應用分隔線時,要註意遵循順序標準,以中線為主導,分隔線為輔助,設計中可以使用虛線或斜線。為防止色調過重,不壹定要塗純黑或純白,數據圖表中的信息內容在視覺效果層面也不要搶。
安訊士文章標題
axis文章標題(企業)的關鍵是展現功能定義域軸和值域軸的數據信息含義。當可視圖表的其他部分(文章標題、圖表、軸標誌等。)已經可以充分表達數據信息的含義,根據奧卡姆剃刀基本定律,可以省略軸文章標題,進壹步擴展數據信息的印刷油墨比例,減少界面元素。
軸線識別
軸標的設計方案比較復雜,涉及到很多關鍵點。在這裏,我們將重點討論直角坐標的X軸和Y軸。
x軸標識
X軸標誌設計方案的關鍵是指示標準。在視覺圖表設計方案中,人們經常會遇到軸標誌過長的情況。當室內空間有限時,軸線標誌會重疊。如何處理這類問題,這裏根據不同類型的軸給出了匹配的解決方案。
A.持續時間/時間線標識
在連續軸和時間軸中,我們可以使用采樣方法來改善軸標記重疊的問題。這裏不強烈建議應用旋轉來減少總寬度。壹方面,從美觀大方的角度來看,旋轉很可能破壞頁面的整體和諧。另壹方面,持續時間/時間線不壹定表示所有安訊士徽標。參考格式塔中的【可持續性基本原則】,雖然軸心標識無法完整展現,但顧客會在腦海中補上缺失的部分,軸心標識依然會像連續的壹樣。
B.分類軸標識
在分類軸上,因為logo和logo之間存在緊密的邏輯關聯交易。如果選取了抽樣標準,隱藏了壹些標記,會增加客戶獲取數據圖表信息內容的難度系數,這是不可取的。對於分類軸,建議根據logo旋轉或轉換成其他數據圖表(條形圖),以減少總寬度。
y軸標識
Y軸標誌設計的關鍵是標誌總數、取值範圍和數據類型。符號表示該區域通常根據大多數符號的總寬度進行縮放。如果二維數組是固定的,則寫入固定的總寬度,節省了數據圖表的計算,提高了3D渲染速率。
A.軸標記的總數
軸標總數不建議太多。過多的標記必然導致更多的水平分隔線,導致元素下沈,影響圖形信息內容的表達。根據7 ^ 2定律,Y軸標記的總數要盡可能控制在這個範疇內。
B.軸標識的取值範圍
壹般來說,Y軸標誌的賦值應該從零基線逐漸開始,以正確反映標準值。顯示斷開的數據信息可能會欺騙客戶做出不正確的區分。比如數據信息本身_有那個_波動變化,解決上下限的粒度,拉長尺度也可以看起來“大豐收在望”。
從上面可以明確,看數據圖千萬不要被表面所欺騙,但是看柱形圖的發展趨勢卻得不到應有的結果。妳壹定要註意縱坐標的起止部分有沒有被別人虛報。
但是存在是有根本原因的,所以我不太評論這種賦值方式。這裏重點說壹下我常用的賦值方法:對於Y軸的極限,也就是最大值,根據具體的數據信息進行動態計算。比如壹行數據中較大的壹個是1190,那個_ axis標識符的最大位是1200;在壹行數據中,較大的是1210,軸標識符的最大位是1400。其中1400和2100是基於軸上的段數。
但也有人對Y軸標誌的賦值提出了如下建議:在虛線統計圖中,賦值壹般保證圖形占繪圖區域的2/3左右,或者將列的高寬比控制在圖表高度的85%左右。
但是我覺得這種方法太刻意了,標準比較細。但是必須認識到,這樣做肯定會很美,做真實的數據信息是不行的。由於充分考慮了具體的數據信息,會有壹些局限性,比如有的特別大,有的特別小。為了更好地保證客戶能夠準確地從數據圖表中獲取信息,不應該為了更好的藝術美而破壞它。因此,不強烈建議使用此方法賦值。
C.軸標識的數據類型
關於Y軸標識的數據類型,下面是壹些非常容易被忽略的設計方案要點。第壹,logo保存的小數位個數保持統壹,因為有些axis logos是整數值,所以不需要省略小數位。
二、Y軸正負標記,因為負數用“-”標記,所有Y軸都會出現視覺效果錯誤,尤其是兩軸圖的右Y軸。這裏提出正負兩極沿Y軸攜帶“”,以達到平衡視覺效果的實用效果。
3.說明
3.1定義
圖是圖本身的歸納,屬於數據圖元素中的_ help _ capacity。它為讀者提供了壹種比較的方法來理解數據可視化目標的新項目分類。它由投影圖案和字符組成。
3.2類型
根據基礎數據類型的不同,分為連續圖標和分類圖標;根據具體情況,圖標可以設置為靜態數據或交互式。
標記
4.1定義
在數據圖表中,標識是對今天壹組數據信息的指示。包括數據信息點、掛線、文本值等元素,根據不同的圖表類型選擇應用。
5.信息提示
5.1定義
在信息提示通常為輕觸或懸停時,數據圖表以互動的方式吐槽這部分的數據信息,幫助客戶更深層次的掌握數據信息。壹般由視覺效果識別模式、文字識別、標準值識別三個要素組成。
5.2類型
呈現信息提示有四種方式。根據圖表類型的不同,可分為浮動式、固定件式、軸上固定式和模式上固定式。
6.模式
6.1定義
人們從模式中獲取信息的效率遠遠超過文字。可以說,人們已經進入了媒體時代。圖形是統計圖視覺效果安全通道投射在外觀上的視覺效果呈現,是數據圖形的本質元素,與數據信息背後的信息內容壹起安裝。根據成分原子化的概念,今天的離奇數據圖表可以分為曲線、總面積、散點、氣泡、餅/環、柱、條六種基本樣式。
第三,選擇合適的數據圖表
數據統計分析有句話叫“壹圖抵千言”。數據圖表是呈現數據信息的重要方式。選擇正確的數據圖表可以幫助我們更快、更直觀地傳達數據信息。
那麽如何選擇合適的數據圖表呢?我認為大致分為三步:
1.明確具體內容:確立圖表要傳達的關鍵信息內容;
2.區分相對:區分數據信息之間的相對類型(如占有率、總數、發展趨勢等。);
3.選擇圖表類型:選擇有匹配意義的數據圖表(如餅圖、柱形圖、折線統計圖等。).
很多盆友在判斷和選擇圖表類型時會無所適從,但其實妳只要記住壹句話:決定數據圖表方式的不是數據信息,而是妳需要傳達的信息內容。
1.明確具體內容
同壹組數據信息從不同角度觀察,有不同的主題風格,如以下壹組數據信息:
換個角度看5月份的數據信息,妳大概會把重點放在每種商品占總銷售額的百分比上。那麽妳的數據圖主題樣式應該是“5月份,商品A在企業總銷售額中排名第壹”。
壹般來說,選擇合適的數據圖表,首先也是最重要的是確立圖表要傳達的關鍵信息內容。
2.這項決議更有意義
在具體的工作中,有各種各樣的場景數據信息必須用圖表來表示,但是按照數據信息的關聯度來分類只是以下幾類情況,所以我們可以簡單的給大家舉幾個例子:
“估計未來10年總銷量會增加”是發展趨勢;
“員工最高工資在30000-35000美元之間”,匹配關聯為_ rate over;
“車用汽油並不意味著品牌越響亮,價格越高,其特性就越高”。
“9月份六個地區銷量基本持平”是匹配關聯;
“市場部負責人只花了15%的時間在他的行業”就是匹配的聯想。
3.選擇圖表類型
海外權威專家AndrewAbela曾經梳理過壹個圖表類型選擇手冊的圖例(如下圖),他將數據和信息的關聯分為四類,幫助我們選擇合適的數據和圖表來展示。
但實際上,結合自己的工作經驗,充分考慮公司的日常數據統計分析場景,地圖上部分數據圖表的應用率極低。所以我參考壹部分圖,總結壹下,替換掉壹些缺失的數據圖表,清理壹下。總的來說,我覺得會更適合商務接待數據圖表,會更務實真實,適合大家參考應用。
四、壹般視力表
1.折線統計圖
1.1的定義
折線統計圖是根據線框圖的波動(上升或下降)來顯示連續數據信息在任意時間、任意地點或有序類型的變化的數據圖表,常用來反映數據信息隨時間推移的趨勢分析。
2.2可用場景
橫坐標為連續型(如_ _),重視趨勢分析和預測分析,所以折線統計圖適用。
比如我喜歡看2020年上半年產品的銷售情況,對市場做壹個分析。因為每個月的產品銷量是有關聯的,意味著不同條件下的壹種數據信息值,所以大家可以用折線統計圖把它們聯系起來。
但如果我們喜歡看2020年上半年北京、上海、廣州、深圳、南京的銷量情況,因為各省銷量沒有關聯,所以不能隨意用折線統計圖代替柱形圖。
2.區域地圖
2.1定義
面積圖也叫面積圖,是反映標準值隨有序自變量變化而變化的統計圖,其基本原理類似於折線統計圖。它基本上是在折線統計圖上增加了壹個總面積的定義,增加的面積可以表示“累計”的意義(當X軸為連續標稱值時)。
2.2可用場景
在註意隨發展趨勢和總值變化時,適用面積圖。
比如妳想查詢2020年6月和2020年6月每天的產品銷售情況,對比每月的銷售情況,此時可以選擇面積圖。但當變量不是序貫自變量時,就不宜使用面積圖。
3.堆積面積圖
3.1定義
堆積面積圖和面積圖類似,都是在折線統計圖的基礎上,增加曲線和變量縱坐標之間的中間區域的統計圖。
唯壹不同的是,堆積面積圖中有幾個數據信息系列產品,它們是逐層堆積的,每個數據信息系列產品的起點和終點都是前壹個數據信息系列產品的終點。
3.2可用場景
用_來觀察多個自變量的轉變是合適的,既可以看到總體的發展趨勢,也可以看到各自變量的構成。
4.柱狀圖
4.1定義
柱形圖是壹種使用矩形框來比較不同類型的標準值的統計圖。豎柱頭或橫柱頭的長度應與公稱尺寸進行比較,必須比較的分類級別應在壹個軸上標明;另壹個軸表示相應的刻度值。
在柱形圖上,分類變量的每壹條實線都顯示為壹個矩形框(簡稱“柱頭”),標稱值決定柱頭的高寬比。垂直柱形圖的柱形圖垂直排列:
條形圖中的列是水平的,也稱為條形圖:
4.2可用場景
柱形圖最適合分類的數據信息,尤其是在標準值接近的情況下,因為人眼對長寬比的認知優於其他視覺效果元素(如總面積、視角等。),所以柱形圖比較合適。
如下圖所示,五組數據信息的標準值非常接近。如果選擇餅圖,則無法可視化,而右邊的柱形圖更能傳達數據圖的信息內容。
5.堆積柱形圖
5.1定義
StackedColumnChart也稱堆積柱形圖,是壹種用於溶解整體和比較部分的數據圖表。
它是柱形圖的擴展。不同的是柱形圖的數據信息是並行處理和排序的,而堆積柱形圖是壹個壹個累加的。它可以顯示每個品類的總產出,以及這個品類所包含的每個小品類的規模和占有率,而這個子類壹般用不同的顏色來表示。
5.2可用場景
比較不同類型數據信息的名義大小,同時比較每類數據信息中子類型的構成和大小。
例如,下圖顯示了每種護膚品在每種商品中的市場銷售情況。根據堆積條形圖,我們可以清楚地知道同壹款護膚品在哪個城市的銷量更強。
6.排序柱形圖
6.1定義
排序柱形圖,也稱為聚合柱形圖。與柱形圖類似,柱形圖頭的長度要用來投射和比較數據信息值。每類中的柱頭要用完全透明的方法用不同的色調或相同的色調來區分,每類中間必須保持間距。
6.2可用場景
比較同壹分類在不同排序中的維度,比較同壹排序中不同分類的維度。其中,排序數不需要超過12,每個排序下的分類不需要超過6。
7.雙柱形圖
7.1定義
雙柱形圖用正反兩個方向的列頭表示類型中間的標準值比較高,其中分類軸表示必須比較的分類級別,連續軸表示對應的標準值,分為兩種情況,壹種是正反兩個刻度值完全對稱;另壹種是正向標度值和反向標度值的反對稱,即它們是相反的數。
同樣也可以分為垂直和水平兩個方向,其中水平雙柱形圖也叫正負條形圖。
7.2可用場景
雙柱形圖壹般用於比較正負數據信息,如壹周內工資收入和支出的統計分析,其中收入為正,支出為負。
應用雙柱形圖可以對收入和支出進行比較,從單個系列的產品分析收入和支出的名義值和波動情況。
8.圓形分格統計圖表
8.1定義
餅圖或扇形圖是壹種圓形統計圖表,分為若幹扇形類型。在餅狀圖中,每個扇區的弧長(及其圓心角和總面積)的大小表示這個扇區在整體中所占的比例,這個扇區合在壹起恰好是壹個完整的環。
8.2可用場景
餅狀圖主要用於呈現不同類型的標準值相對於數量的相對占有率,特別是需要突出某壹部分往往占總數的25%或50%時。
9.環形圖
9.1定義
環形圖(Ring chart)也稱為泡芙圖(Puff chart),是由兩個或兩個以上大小不同的餅圖堆疊在壹起,中間的壹部分被裁剪掉的圖案。
9.2可用場景
適用於顯示分類的占用率,類似於餅狀圖的使用方法,但環形圖的利用率高於餅狀圖室內空間的利用率。例如,我們可以使用它的空心區域來顯示文本信息內容,如文章標題。