16類好看的視覺化圖表&設計原則,圖表控果斷收藏! | 帆軟軟體
文章推薦指數: 80 %
如果您想開始資料視覺化,建議您先學習製作這些基本圖表,並使用一個易於使用的工具進行練習。
比如上述圖表的製作工具FineReport。
FineReport 19 種圖表 ...
Facebook
Twitter
Line
Hatena
您的資訊已提交成功
我們將盡快與您聯絡
知道了
歡迎隨時與我們聯絡
隨時與我們的產品專家預約實時演示。
我們可以瞭解您的需求,解答您的問題並查看
FineReport為您和您的組織提供幫助的方式。
我想咨詢......
預約產品演示
了解更多產品信息
了解更多行業案例
了解阿米巴經營管理
了解代理商合作方案
其他商務咨詢
您是從什麼管道了解的我們
網路搜尋
Facebook臉書/Line
媒體/部落格/論壇
YouTube
電子報
線下展會
線下課程
他人推薦
其他
工作職稱
IT資訊&數據部門
一般部門(如業務/行銷/生產/財務/產品等)
管理/決策者
老師
學生
其他
所在行業
製造業
批發及零售業
營建工程/不動產業
金融證券保險業
資訊科技
電信業
運輸及倉儲業
醫療保健/醫療器材業
其他行業
所在城市
基隆市
臺北市
新北市
桃園市
新竹縣
新竹市
苗栗縣
臺中市
彰化縣
南投縣
雲林縣
嘉義縣
嘉義市
臺南市
高雄市
屏東縣
花蓮縣
臺東縣
澎湖縣
金門縣
宜蘭縣
連江縣
Macau(澳門)
HongKong(香港)
提交
帆軟在任何情況下都不會泄露您的资讯
超過15000家企業,3.8萬咨詢化專案在使用FineReport
加載中,請稍等...
17分鐘
16類好看的視覺化圖表&設計原則,圖表控果斷收藏!
文|軟妹
文章來源:帆軟部落格
發佈時間:2021-10-2615:53:29
目錄
16大最經典最常用的視覺化圖表1.柱形圖2.條形圖3.折線圖4.面積圖5.餅圖6.散點圖7.氣泡圖8.計量器9.雷達圖10.框架圖11.矩形樹圖12.漏斗圖13.詞雲圖14.甘特圖15.地圖視覺化圖表設計總結圖表主題相關文章
當我們需要用書面表達同一件事物時,我們的思維定式就是“能用圖描述的就不用表,能用表就不用文字”。
這句話充分地表達出從認知的角度來說我們更習慣於直接的視覺化圖表。
視覺化圖表有哪些基本型別,我們在選擇圖表時又需要遵守哪些原則呢?看完文中16類最經典的視覺化圖表,你就懂了。
為了增加視覺記憶,加深讀者對圖表的理解,小編特地加了酷炫的動態效果哦!
申明:文中所有圖表皆有FineReport製作,FineReport內建了19種圖表大類和超過60種動態圖表樣式,有需要的讀者可以免費下載試用
免費試用FineReport11.0>>
16大最經典最常用的視覺化圖表
1.柱形圖
柱形圖是用寬度相同的柱形的高度或長短來表示資料多少的圖形。
利用柱形統計圖,可以直觀地表示資料量的大小並進行比較,可以比較明顯地顯示出各資料之間的比例差異。
圖表特點:簡單直觀,很容易根據柱子的長短看出值的大小,易於比較各組資料之間的差別。
2.條形圖
條形圖是用寬度相同的條形的高度或長短來表示資料多少的圖形。
利用條形統計圖,可以直觀地表示資料量的大小並進行比較,可以比較明顯地顯示出各資料之間的比例差異。
圖表特點:簡單直觀,很容易根據柱子的長短看出值的大小,易於比較各組資料之間的差別。
3.折線圖
折線圖是將值標註成點,並透過直線將這些點按照某種順序連線起來形成的圖形。
利用折線統計圖,可以顯示隨時間或有序類別而變化的趨勢,可能顯示資料點以表示單個數據值,也可能不顯示這些資料點。
在有很多資料點並且它們的顯示順序很重要時,折線圖尤其有用。
圖表特點:適用於兩個維度的大型資料集,特別是那些趨勢比單個數據點更重要的資料集,它還適合多個二維資料集的比較。
4.面積圖
面積圖是強調數量隨時間而變化的程度,可用於引起人們對總值趨勢的注意的圖形。
利用面積統計圖,可以將排列在工作表的列或行中的資料繪製到面積圖中。
透過顯示所繪製的值的總和,面積圖還可以顯示部分與整體的關係。
圖表特點:能很好的展現沿某個維度的變化趨勢,能比較多組資料在同一個維度上的趨勢,適合展現較大資料集。
5.餅圖
餅圖是以扇形區域大小表示每一個數值相對於總數值的佔比。
圖表特點:餅圖適用於二維資料,即一個分類欄位,一個連續資料欄位,當用戶更關注於簡單佔比時,適合使用餅圖。
6.散點圖
散點圖又稱散點分佈圖,是因變數隨自變數而變化的大致趨勢圖。
資料點是在直角座標系平面上,以一個變數為橫座標,另一變數為縱座標,利用散點(座標點)的分佈形態反映變數統計關係的一種圖形。
利用散點圖,顯示若干資料系列中各數值之間的關係,類似XY軸,判斷兩變數之間是否存在某種關聯,或者發現數據的分步或者聚合情況。
圖表特點:直觀表現出影響因素和預測物件之間的總體關係趨勢;能透過直觀醒目的圖形方式,反映變數間的形態變化關係情況,以便於來模擬變數之間的關係。
7.氣泡圖
氣泡圖(bubblechart)是可用於展示三個變數之間的關係。
它與散點圖類似,繪製時將一個變數放在橫軸,另一個變數放在縱軸,而第三個變數則用氣泡的大小來表示。
利用氣泡圖,可以顯示若干資料系列中各數值之間的關係,類似XY軸,判斷兩變數之間是否存在某種關聯,或者發現數據的分步或者聚合情況。
圖表特點:直觀表現出影響因素和預測物件之間的總體關係趨勢;能透過直觀醒目的圖形方式,反映變數間的形態變化關係情況,以便於來模擬變數之間的關係。
8.計量器
計量器是資料視覺化中的一種標尺。
它可以直觀地表示指標的進度或實際情況。
它也可以做成環狀或管狀,顯示比例。
圖表特點:適用於間隔之間的比較。
免費試用FineReport11.0>>
9.雷達圖
雷達圖又稱蜘蛛網圖,將多個維度的資料量對映到起始於同一個圓心的座標軸上,結束於圓周邊緣,然後將同一組的點使用線連線起來。
利用雷達圖,可以直觀地展現多維資料集,檢視哪些變數具有相似的值、變數之間是否有異常值。
雷達圖表也可用於檢視哪些變數在資料集內得分較高或較低,因此非常適合顯示效能。
圖表特點:適合展現某個資料集的多個關鍵特徵,適合展現某個資料集的多個關鍵特徵和標準值的比對,適合比較多條資料在多個維度上的取值。
10.框架圖
框架圖體現了各個節點之間的上下級關係,用來表示組織層級關係,同時還能展示每個節點的的值。
圖表特點:簡單直觀,很容易判斷上下級之間的關係。
11.矩形樹圖
矩形樹圖是用來描述層次結構資料的佔比關係,能夠進行逐級鑽取顯示下層資料情況,採用矩形表示層次結構的節點,父子層次關係用矩陣間的相互巢狀來表達。
從根節點開始,空間根據相應的子節點數目被分為多個矩形,矩形面積大小對應節點屬性。
每個矩形又按照相應節點的子節點遞迴的進行分割,直到葉子節點為止。
矩形樹圖適合展現具有層級關係的資料,能夠直觀體現同級之間的比較。
圖表特點:圖形更緊湊,同樣大小的畫布可以展現更多的資訊,可以展現成員間的權重。
12.漏斗圖
漏斗圖是由多個梯形從上而下疊加而成,從上到下的項有邏輯上的順序關係,梯形面積表示某個業務量與上一個環節之間的差異。
漏斗圖適用於業務流程比較規範、週期長、環節多的單流程單向分析,透過漏斗各環節業務資料的比較能夠直觀地發現和說明問題所在的環節,進而做出決策。
圖表特點:每個階段的比例關係直觀的展示出來,適用於進行流程最佳化的資料跟蹤。
13.詞雲圖
詞雲以關鍵詞字型的大小直觀展示資料的數值大小。
通常用來展示物料的領用、計算機輔助外語學習的新形式、小說閱讀中的關鍵詞和主題索引等場景。
圖表特點:根據關鍵詞的大小直觀地展示資料頻率,可以比較明顯地顯示出各資料之間的比例差異。
14.甘特圖
甘特圖,也稱為條狀圖(Barchart),它是以圖示的方式透過活動列表和時間刻度形象地表示出任何特定專案活動順序與持續時間的圖表。
甘特圖就是一張線條圖,橫軸表示時間,縱軸表示活動(專案),線條表示在整個時間週期中計劃與實際活動完成的情況。
甘特圖直觀展示任務計劃是在何時進行以及實際進展與計劃要求的對比,可用來評估當前工作進度或工作計劃的執行情況。
圖表特點:甘特圖較為簡單直觀,易於普通使用者理解。
一般適用於不超過30項活動的中小型專案,且無須擔心複雜計算和分析。
15.地圖
區域地圖:
區域地圖是按照國家、省市行政區劃分,用來展現地理資訊,以及與地理位置有關的資訊,指標的多少可以用顏色深淺區分。
區域地圖適用於帶有地理位置資訊的資料集展現,展現的通常是以某個地區為單位的彙總的連續資訊。
點地圖:
點地圖是透過定位經緯度,用散點來表示所在位置的資料指標。
想要檢視的是某個區域各個網點(特定位置)的資料時,用地圖實現起來會比較複雜,並且精準性不高,那麼就可以使用點地圖,可精準快速定位到位置。
流向地圖:
流向地圖在地圖上顯示資訊或物體從一個位置到另一個位置的移動及其數量。
通常用來顯示人物、動物和產品的遷移資料。
單一流向線所代表的移動規模或數量由其粗細度表示,有助顯示遷移活動的地理分佈。
流向地圖多應用於區際貿易、交通流向、人口遷移、購物消費行為、通訊資訊流動、航空線路等場景,也可應用企業貨物運輸,供應鏈管理。
16.熱力圖
熱力地圖使用地圖作為背景,用熱力的深淺來展示資料的大小和分佈範圍,以及地理範圍內各個點的權重情況。
適合帶有地理位置資訊的資料集展現,展現的通常是以某個地區為單位的彙總的連續資訊。
如下圖用熱力地圖顯示了各地區震級的高低:
圖表特點:和地圖結合,對資料的地理分步顯示直觀,透過顏色深淺、氣泡大小等容易判斷度量的大小,可以直觀清楚地看到頁面上每一個區域的訪客興趣焦點。
視覺化圖表設計
顏色是最有效的美學特徵之一,因為它可以吸引注意力。
我們最先注意到的特徵就是顏色,它能夠以直接的方式突出顯示特定見解、標識異常值。
在論證觀點時,顏色的使用應該以資料為基礎,而不是個人的喜好或品牌的顏色。
一般來說,我們在設計視覺化圖表時候可以遵循以下的配色一致性原則:
1.數值指標一致性
當根據某一個指標的數值大小進行顏色映射時,建議使用生長色系的漸變顏色。
例如上圖所示,統計的是不同年份的一個地區銷售額情況,左邊的圖顏色並沒有色系和生長規律,使用者難以理解具體指標數值的映含義,而此時如果使用右邊的生長色系的表達方式,它會傳達給使用者一種顏色可測量感。
那麼使用者根據這樣的漸變生長色系,就可以很輕鬆地理解當年每個地區的一個銷售額分布情況。
2.指標顏色一致性
在同一儀錶板中,對於相同的度量盡量使用同一色系的顏色方案,避免使用過多的顏色對使用者造成干擾。
例如我們在做銷售看板分析時,通常分析指標會有銷售額和回款額,那麼即使我們在對同一個指標做不同維度的資料視覺化分析時,對於銷售額和回款額建議分別使用相同的色系進行配色,比如銷售金額盡量用黃綠色系,回款金額盡量用藍色系。
我們在遵循這樣的指標顏色一致性配色原則之後,使用者就能夠快速地根據顏色區分來理解當前的資料視覺化圖表所要表達的指標含義。
3.色系顏色一致性
在同一儀錶板中,盡量選擇相同色系的顏色方案,避免撞色。
對於顏色如何去定義選擇,這個可能是很多使用者非常頭疼的事情,不知道該選擇什麼樣的顏色去搭配。
但是其實在色系搭配方面,FineReport裡面內置了非常多的漂亮的配色方案可供大家進行同一色系顏色的選擇,這一點對於使用者是非常友好的,畢竟有時候「顏值也很重要」。
如果我們是自定義配色,需要避免一些撞色。
例如你把黃+白、藍+黑、紅+藍、黃+紫等等色系進行搭配,這樣不但從感官上不美觀,而且還容易對使用者的眼睛造成刺激。
4.語義顏色一致性
符合語義的顏色可以幫助人們更快地處理信息,盡量根據指標含義選擇符合人類最直觀感受的顏色。
因此可以使用紅色來表示熱量分布,褐色表示乾旱指數,藍色表示降水量等等。
總結
以上都是視覺視覺化中常用的16種圖表型別。
有些人可能認為基本的圖表太簡單和原始,他們傾向於使用更復雜的圖表。
然而,事實上,圖表越簡單,就越容易幫助人們快速理解資料。
學習如何使用簡單的圖表表達複雜的資料,是資料視覺化入門的開始。
如果您想開始資料視覺化,建議您先學習製作這些基本圖表,並使用一個易於使用的工具進行練習。
比如上述圖表的製作工具FineReport。
FineReport19種圖表大類和超過60種動態圖表樣式,這些圖表由FineReport所屬公司帆軟自行開發,避免了版權問題。
其次,這些圖表是HTML5格式,可以清晰流暢地展示在任何尺寸螢幕的web端上。
FineReport還提供了更炫酷的大屏展示功能,將近10個的大屏3D特效、15種動態載入效果,以及聯動、離屏控制,讓你的資料和圖表「活」起來。
免費試用FineReport11.0>>
圖表主題相關文章
10個不可錯過的圖表製作軟體&在線網站
2021年30個值得推薦的資料視覺化工具,趕緊收藏!
想要搞懂數據可視化,可這一篇就夠了~
喜歡這篇文章嗎?歡迎分享按讚,給予我們支持和鼓勵!
熱門文章推薦
2022年30個值得推薦的資料視覺化工具,趕緊收藏!
在資料科學領域,資料視覺化無疑是當今最熱門的詞。
無論您想分析什麼資料,進行數據視覺化似乎都是必要的步驟。
何謂資料視覺化?
簡而言之,資料視覺化(數據視覺化)就是以視覺化圖表的方式呈現結構化或非結構化資料,從而將隱藏在資料中的資訊直接呈現給人們。
它不僅僅是使用資料視覺化工具將資料轉化為圖表。
相反,它是從資料的角度看世界的。
換句話說,資料視覺化的物件是資料,而我們真正想要的是將資料作為工具,將視覺化作為探索世界的手段。
資料視覺化類型與範例
常用的資料視覺化類型有5種:
圖表
圖...
文 | 軟妹
10個不可錯過的圖表製作軟體&在線網站
用簡單的圖表去準確的表達複雜的資料,是資料視覺化和資料分析的基礎。
圖表製作雖簡單,但不是人人都能製作出好看的圖表哦。
本文將介紹如何選擇圖表製作軟體,圖表製作工具推薦,以及製作圖表的注意事項,為你的圖表製作錦上添花。
如何選擇合適的圖表製作軟體?
目前市場上很多工具都提供了圖表製作功能。
最常見的是在excel,ppt中製作圖表。
近年來,歐美也出現了了非常多的的專業的在線圖表製作網頁,像Canvas,Visme等。
這類軟體一般操作比較簡單,但是不支持資料庫的鏈接,拓展功能有限,比較適合資料量很小,只需要簡單...
文 | 軟妹
同事用Excel花了半小時做甘特圖,我用這一軟體只要10分鐘
還在用Excel製作甘特圖嗎?
經常與資料打交道的人都知道,當我們有一個大計劃需要按照進度執行的時候,或者需要統一管理所有工作的任務與資料的時候,就需要一個好用的專案管理工具,甘特圖就是最好的工具!
Excel可能是最常見的製作甘特圖的工具,因為無需再下載專業的軟體。
你可以用在儲存格中填滿顏色的方式製作,也可以用橫條圖製作。
但操作起來不僅麻煩,甘特圖樣式也比較單調。
花了半個小時,可能都無法做出心儀的樣式。
本文將告訴你如何快速製作一張專業美觀的甘特圖。
甘特圖(Ganttchart)是什麼?
一般對甘...
文 | 軟妹
實測兩款軟體之後,我還是選擇了這款地圖製作神器!
做過資料分析的人都知道,老闆最喜歡的莫過於資料視覺化,視覺化中最喜歡的莫過於地圖視覺化。
但是想要做地圖視覺化也並非易事,對於大多數人來說,Excel一直都是首選,但是Excel真的是製作地圖的最好軟體嗎?目前市場上,能夠製作地圖的工具有很多,可以分為程式設計類、BI類和軟體類三種:
程式設計類:Matlab、Python、RBI類:FineReport、PowerBI軟體類:Excel
當然,還有一些別的,如國外的BatchGeo、FusionTables等,這裡就不一一列舉了。
究竟哪一個工具做地圖最簡單、最省力、最強大呢?因為文章篇幅原因,軟妹帶大...
文 | 軟妹
掌握這15個數據圖表,初學者也能輕鬆玩轉資料分析
大數據時代,資料驅動決策。
處理不好龐大、複雜的資料,其價值將大打折扣。
那如何縮短資料與使用者的距離?讓使用者一眼Get到重點?讓老闆為你的彙報方案鼓掌?本文通過15張數據圖表,層層深入,傳你資料匹配圖形神功,讓資料視覺化分析更高效。
無論資料總量和複雜程度如何,資料間的關係大多可分為三類:比較/構成/分佈&聯絡
注:文中所有數據圖表由FineReport製作。
工具下載地址:https://www.finereport.com/tw/products/frlogin
一、比較
基於分類/時間的資料對比,通常需用到比較型圖表。
使用者通過圖...
文 | 軟妹
【必看】怎麼用一張Excel樞紐分析表打動老闆?
上回小編分享了快速進行報表製作的秘密,讀者反響很強烈。
今天,讓我們移步到具體樞紐分析表的製作上,看看如何快速製作一張可以打動老闆的樞紐分析表。
日常最恐怖的場景之一,就是你剛準備睡覺,手機收到了老闆的Line消息提醒。
內心os:老闆都沒有生活的嗎?然後黑屏,選擇裝睡。
可是生活還得繼續,總得向金錢勢力低頭,畢竟給你打績效的人是他。
第二天乖乖打開Line對話方塊,總結他幾點訴求:
根據原始表資料,做月份、銷量的交互分析,橫軸月份,縱軸姓名,在每個行列交匯處計算出每人每月份的銷售額。
另外,我需要核對...
文 | 軟妹
立即試用,可獲取更多報表範本和案例
免費試用
Line【FineReport報表軟體】
回覆簡報送最新10.0產品簡報
臉書【帆軟軟體】
按讚送資訊人才必備懶人包
商務問題諮詢
台灣:
0933-790886
或0989-092892
[email protected]
港澳:
(+852)68508566
[email protected]
技術問題諮詢
線上客服:點擊右側「聯繫我們」按鈕
郵件諮詢:[email protected]
服務時間:工作日9:00~12:00,13:30~17:30
立即咨詢
版權所有©2022帆軟軟體有限公司|蘇ICP備14031611號-3
隱私
返回頂部
延伸文章資訊
- 1想要搞懂資料視覺化,看這一篇就夠了 - 數據分析那些事
四、常用的資料視覺化工具 · 1、FineReport · FineReport10.0免費下載 · 2、FineBI. FineBI是商業智慧BI工具,與Tableau類似,都主張視覺化的探索...
- 2資料之美:10 個最佳資料視覺化範例 - Tableau
如果要製作出色、美觀的資料視覺化內容,除了需要絕佳的分析技能之外,還需要圖形設計和說故事的技能。 本文將重點介紹一些最具影響力、最有趣和最有啟發性的視覺化作品。
- 3資料視覺化Introduction to Data Visualization - 國立聯合大學
資料視覺化是指將大型資料集的資料以圖形圖像形式表示, ... R視覺化簡易操作. ▫ 本單元利用範例資料“Titanic:鐵達尼號乘客資料”,而這筆資料.
- 4資料視覺化Data Visualization:圖表設計 - 政府網站營運交流平台
更著重視覺化的呈現,需要較深的繪畫設計技巧。 資料視覺化與資訊圖像化差異圖. 圖1. Data Visualization v.s. Infographics. 以下舉幾個Infographic...
- 5資料視覺化是什麼? | RE:LAB
資料視覺化是什麼? 各種範例與原理,讓你一次看懂. Re-lab 致力於簡化複雜的資訊,並轉變成簡單易懂的圖像、動畫,或任何有效的溝通媒介。從溝通策略、設計製作到推廣 ...