<listing id="zpvbj"></listing>
<var id="zpvbj"><strike id="zpvbj"></strike></var><cite id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></cite>
<cite id="zpvbj"></cite>
<menuitem id="zpvbj"></menuitem>
<menuitem id="zpvbj"></menuitem><var id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></var>
<var id="zpvbj"><video id="zpvbj"></video></var><cite id="zpvbj"></cite><var id="zpvbj"></var>
<var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>
<cite id="zpvbj"></cite><var id="zpvbj"><dl id="zpvbj"></dl></var>
<var id="zpvbj"></var><var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>

手機版 歡迎訪問人人都是自媒體網站

當前位置:主頁 > 體驗 >

Material Design設計語言-數據可視化

時間:2021-06-25 09:28|來源:網絡整理|編輯:|點擊:

 Material Design設計語言-數據可視化

隨著5G時代的到來,物聯網的興起,可視化設計在移動端的應用越來越多了。

在行業內還沒有一個標準的規范可參考之前,谷歌的可視化團隊于2019年6月率先開發了數據可視化設計指南。

數據可視化:主要是借助于圖形化手段,清晰有效地傳達與溝通信息。

 Material Design設計語言-數據可視化

 Material Design設計語言-數據可視化

在行業內還沒有一個標準的規范可參考之前,谷歌的可視化團隊于2019年6月率先開發了數據可視化設計指南。

數據可視化:主要是借助于圖形化手段,清晰有效地傳達與溝通信息。

一、原則

數據可視化,是將數據信息以直觀的圖標、圖形展示出來的一種表現形式。旨在讓用戶更容易看懂和理解數據,以及傳達的信息更明確。因為這能夠讓用戶快速分析,并迅速做出判斷和決策。

數據可視化可以表達不同類型和大小的數據:從幾個數據點到大型多變量數據集。

1. 準確

優先考慮數據的準確性、清晰度和完整性,以不會扭曲信息的方式呈現信息

2. 有用

幫助用戶通過上下文理解數據,并且讓用戶更有興趣探索其它內容。

3. 擴展

適應不同設備大小的可視化,同時預測用戶對數據深度、復雜性和形式的需求。

二、類型

數據可視化能以不同的形式表達。圖表是表達數據的常用方式,因為圖表可以描述了不同的數據種類,同時讓數據之間可以比較。

使用的圖表類型主要取決于這兩點:你要傳達的數據和傳達有關該數據的內容。

1. 時間變化

隨時間變化圖表顯示一段時間內的數據,例如多個類別的趨勢或比較。

 Material Design設計語言-數據可視化

例如:

股價表

衛生統計

年表

2. 類別比較

類別比較圖表比較多個不同類別之間的數據。

 Material Design設計語言-數據可視化

例如:

不同國家的收入

熱門場地時間

團隊分配

3. 排行

排行圖表主要用于展示項目在有序列表中的位置。

 Material Design設計語言-數據可視化

例如:

產品類別的綜合收入

預算

4. 相關性

相關圖顯示兩個或多個變量之間的相關性。

 Material Design設計語言-數據可視化

例如:

收入與壽命的關聯性

5. 分布

分布圖表顯示每個值在數據集中出現的頻率。

 Material Design設計語言-數據可視化

例如:

人口分布

收入分布

 Material Design設計語言-數據可視化

(以上箱形圖顯示了NBA前9名球員得分情況)

補充:條形圖可以叫柱狀圖,但直方圖與條形圖有很大不同,條形圖通常關聯兩個變量,但直方圖只涉及一個。直方圖用于連續數據,其中區間表示數據范圍,而條形圖是分類變量圖。

 Material Design設計語言-數據可視化

6. 流程

流程圖表示多個狀態之間的數據的轉移和變化。

 Material Design設計語言-數據可視化

例如:

資金轉移

投票計數和選舉結果

7. 關系

關系圖用于表示多個項目是如何相互關聯的。

 Material Design設計語言-數據可視化

例如:

社交網絡

單詞圖表

三、樣式

數據可視化可以自定義樣式和形狀等屬性,使數據更容易理解,以適合用戶需求和上下文表現的方式。

不同的視覺處理可以分別代表不同的數據。

例如:條形的顏色可以表示類別,而長度可以表示值(如種群大?。?。

 Material Design設計語言-數據可視化

形狀可用于表示定性的數據。在上圖中,每個類別由特定的形狀(圓形、正方形和三角形)表示,這樣可以輕松比較特定范圍內的數據或其他類別的數據。

1. 形狀

圖表可以使用形狀以多種方式顯示數據。一個形狀可以被設計成有趣的曲線形狀、或者精確和逼真的形狀。

形狀細節水平

Copyright © 2018 DEDE97. 織夢97 版權所有 京ICP

淘宝av国产福利资源-欧美成人影院-怎样观看网红直播app定制-啪啪啪国产-1024你懂的国产首页-国产精品偷拍人妻-勾魂尤物-av撸啪啪在线-制服下的诱惑全文-在线视频?国产?亚洲?素人-国产情侣负免费视频-偷拍巨乳欧美日韩国产-久久免费网国产_久久免费网站_久久免费无修韩国漫画网站,国产素人女同人妻,沈艺语麻豆传媒,中文字幕朝鲜歌曲 在日本买精工| 两个女同性恋接吻教学视频| 肉嫁高柳嫁中文字幕| 香江花月夜粤语中文字幕| 福利社在线最新视频| 视频小鸟酱在线播放| 午夜大片在线观看网站| 神马未来午夜影院在线观看| 最新国产3p| 小剧情电视剧甜国产| 可以看国产萝莉的软件| 热门国产情侣主题露脸对白| 熟女国产丝袜 种子合集| 久久在线国产偷拍自拍| 国产网红厨娘| 国产户外直播毛片| 麻豆传媒年夜饭新年茎喜| 91麻豆传媒女成员| 欧美手绘情侣头像一对| 日本姿势| 国产没有原创av| 野模女神麻豆| 本庄优花中文字幕影音| 青梅竹马好友交换中文字幕| 91av伦理在线视频| 丝瓜视频官方版在线视频观看| 国产区草莓在线视频| 免费午夜理论大片在线观看| 色欲难禁完整版免费中文字幕| 国产现代剧情 magnet| 国产剧情妈妈| 国产模特av磁力下载 下载| av国产丝袜亚洲在线| 少妇偷拍国产免费| 国产车网红大全| 恋爱秀场国产支持uc直播| 正在播放国产主播秀| 韩国与美国关系| 麻豆传媒巨作剧情蕉谈| 麻豆传媒新剧国产最新一期| 欧美是否流行韩流| http://www.oyakunitatsu.com http://www.wwwkka9570.com http://www.9249tv.com http://www.wwwo22098.com http://www.700888vip.com http://www.wwwny671.com