99999久久久久久亚洲,欧美人与禽猛交狂配,高清日韩av在线影院,一个人在线高清免费观看,啦啦啦在线视频免费观看www

熱線電話:13121318867

登錄
首頁職業(yè)發(fā)展讓大數(shù)據(jù)“開口說話”:數(shù)據(jù)可視化6步走
讓大數(shù)據(jù)“開口說話”:數(shù)據(jù)可視化6步走
2015-11-25
收藏

讓大數(shù)據(jù)“開口說話”:數(shù)據(jù)可視化6步走


在當(dāng)前互聯(lián)網(wǎng),各種數(shù)據(jù)可視化圖表層出不窮,圖像性的大數(shù)據(jù)有著“開口說話”的作用:讓大數(shù)據(jù)生動(dòng)呈現(xiàn)。這里試對(duì)數(shù)據(jù)可視化的方法進(jìn)行歸納,理成6步。

一般的數(shù)據(jù)圖表都可以拆分成最基本的兩類元素所描述的事物及這個(gè)事物的數(shù)值,我們暫且將其分別定義為指標(biāo)和指標(biāo)值。比如一個(gè)性別分布中,男性占比40%,女性占比60%,那么指標(biāo)就是男性、女性,指標(biāo)值對(duì)應(yīng)為40%、60%

  1. 將指標(biāo)值圖形化

  一個(gè)指標(biāo)值就是一個(gè)數(shù)據(jù),將數(shù)據(jù)的大小以圖形的方式表現(xiàn)。比如用柱形圖的長(zhǎng)度或高度表現(xiàn)數(shù)據(jù)大小,這也是最常用的可視化形式。

  傳統(tǒng)的柱形圖、餅圖有可能會(huì)帶來審美疲勞,可嘗試從圖形的視覺樣式上進(jìn)行一些創(chuàng)新,常用的方法就是將圖形與指標(biāo)的含義關(guān)聯(lián)起來。 

2. 將指標(biāo)圖形化

一般用與指標(biāo)含義相近的icon來表現(xiàn),使用場(chǎng)景也比較多。 

3.將指標(biāo)關(guān)系圖形化

  當(dāng)存在多個(gè)指標(biāo)時(shí),挖掘指標(biāo)之間的關(guān)系,并將其圖形化表達(dá),可提升圖表的可視化深度。常見有以下兩種方式:

※借助已有的場(chǎng)景來表現(xiàn)

  聯(lián)想自然或社會(huì)中有無場(chǎng)景與指標(biāo)關(guān)系類似,然后借助此場(chǎng)景來表現(xiàn)。

  比如百度統(tǒng)計(jì)流量研究院操作系統(tǒng)的分布,首先分為windows、mac還有其他操作系統(tǒng),windows又包含xp、2003等多種子系統(tǒng)。

  根據(jù)這種關(guān)系聯(lián)想,發(fā)現(xiàn)宇宙星系中也有類似的關(guān)系: 宇宙中有很多星系,我們最為熟悉的是太陽系,太陽系中又包括各個(gè)行星, 因此整體借用宇宙星系的場(chǎng)景,將熟知的windows比喻成太陽系,將xp、window7等比喻成太陽系中的行星,將mac和其他系統(tǒng)比喻成其他星系。

※構(gòu)建場(chǎng)景來表現(xiàn)

  指標(biāo)之間往往具有一些關(guān)聯(lián)特征,如從簡(jiǎn)單到復(fù)雜、從低級(jí)到高級(jí)、從前到后等等。如無法找到已存在的對(duì)應(yīng)場(chǎng)景,也可構(gòu)建場(chǎng)景。

比如百度統(tǒng)計(jì)流量研究院中的學(xué)歷分布,指標(biāo)分別是小學(xué)、初中、高中、本科等等,它們之間是一種越爬越高,從低等級(jí)到高等級(jí)的關(guān)系,那么,這種關(guān)系可以通過構(gòu)建一個(gè)臺(tái)階去表現(xiàn)。 

4. 將時(shí)間和空間可視化

  時(shí)間

  通過時(shí)間的維度來查看指標(biāo)值的變化情況,一般通過增加時(shí)間軸的形式,也就是常見的趨勢(shì)圖。

  空間

當(dāng)圖表存在地域信息并且需要突出表現(xiàn)的時(shí)候,可用地圖將空間可視化,地圖作為主背景呈現(xiàn)所有信息點(diǎn)。 

5. 將數(shù)據(jù)進(jìn)行概念轉(zhuǎn)換

  先看下生活中的概念轉(zhuǎn)換,當(dāng)我們需要喝水時(shí),通常會(huì)說:給我來一杯水;而不會(huì)說:給我來30ml的水。在這里,30ml是一個(gè)實(shí)際數(shù)據(jù),但是難以感知,所以用一杯的概念來轉(zhuǎn)換。

  同樣在數(shù)據(jù)可視化,有時(shí)需要對(duì)數(shù)據(jù)進(jìn)行概念轉(zhuǎn)換,可加深用戶對(duì)數(shù)據(jù)的感知。常用方法有對(duì)比和比喻。

  ※對(duì)比 

下圖是一個(gè)介紹中國煙民數(shù)量的圖表:如果只看左半部分中國煙民的數(shù)量:32000000,知道數(shù)據(jù)量級(jí)很大,但具體有多大卻很難感知;直到看到右半部分:中國煙民數(shù)量超過了美國人口總和,這樣一對(duì)比,對(duì)數(shù)據(jù)的感知就加深了。

※比喻:

  下圖是一個(gè)介紹雅虎郵箱處理數(shù)據(jù)量的圖表,大意是每小時(shí)處理的電子郵件大小有1.2TB,相當(dāng)于644245094張打印的紙。

  這又是一個(gè)很大的數(shù)據(jù),但到底有多大在這里用了一個(gè)比喻的手法:644245094張紙,如果把每一張紙首尾對(duì)接,可以繞地球4圈多。到這里,能較深刻感受到雅虎郵箱處理的數(shù)據(jù)量之大,為地球節(jié)省了很多紙張。

更進(jìn)一步地,還將這個(gè)比喻進(jìn)行了圖形化表現(xiàn)。

6. 讓圖表動(dòng)起來

  數(shù)據(jù)圖形化完成后,可結(jié)合實(shí)際情況,將其變?yōu)閯?dòng)態(tài)化和可操控性的圖表,用戶在操控過程中能更好地感知數(shù)據(jù)的變化過程,提升體驗(yàn)。

  實(shí)現(xiàn)動(dòng)態(tài)化通常以下兩種方式: 交互和動(dòng)畫。

※交互

交互包括鼠標(biāo)浮動(dòng)、點(diǎn)擊、多圖表時(shí)的聯(lián)動(dòng)響應(yīng)等等,如下是百度統(tǒng)計(jì)流量研究院的時(shí)間分布圖,采用左圖右表的聯(lián)動(dòng)形式,左圖中,鼠標(biāo)浮動(dòng)則顯示對(duì)應(yīng)數(shù)據(jù),點(diǎn)擊則切換選擇:

※動(dòng)畫

  包括增加入場(chǎng)動(dòng)畫、交互過程的動(dòng)畫、播放動(dòng)畫等等。

  入場(chǎng)動(dòng)畫:即在頁面載入后,給圖表一個(gè)生長(zhǎng)的過程,取代數(shù)據(jù)載入中這樣的提示文字。

  交互動(dòng)畫:用戶發(fā)生交互行為后,通過動(dòng)畫形式給以及時(shí)反饋。

播放動(dòng)畫:一般來是提供播放功能,像看視頻一樣,讓用戶能夠完整看到數(shù)據(jù)隨時(shí)間變化的過程。下圖是Gapminder在描述多維數(shù)據(jù)時(shí),提供隨時(shí)間播放的功能,可以直觀感受到所有數(shù)據(jù)的變化。

數(shù)據(jù)可視化形式多樣,思考過程也不盡相同。以上6步,是基于數(shù)據(jù)層面(區(qū)別于信息可視化),梳理思考過程,總結(jié)設(shè)計(jì)方法,為后續(xù)可視化提供可借鑒的思路。隨著大數(shù)據(jù)技術(shù)的成熟,數(shù)據(jù)結(jié)果呈現(xiàn)越來越重要。500多種可視化效果的大數(shù)據(jù)魔鏡倍受青睞。這些數(shù)據(jù)可視化工具將在數(shù)據(jù)開口說話上起到事半功倍的作用。

數(shù)據(jù)分析咨詢請(qǐng)掃描二維碼

若不方便掃碼,搜微信號(hào):CDAshujufenxi

數(shù)據(jù)分析師資訊
更多

OK
客服在線
立即咨詢
客服在線
立即咨詢
') } function initGt() { var handler = function (captchaObj) { captchaObj.appendTo('#captcha'); captchaObj.onReady(function () { $("#wait").hide(); }).onSuccess(function(){ $('.getcheckcode').removeClass('dis'); $('.getcheckcode').trigger('click'); }); window.captchaObj = captchaObj; }; $('#captcha').show(); $.ajax({ url: "/login/gtstart?t=" + (new Date()).getTime(), // 加隨機(jī)數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進(jìn)行初始化 // 參數(shù)1:配置參數(shù) // 參數(shù)2:回調(diào),回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象,之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個(gè)配置參數(shù)為必須,不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺(tái)檢測(cè)極驗(yàn)服務(wù)器是否宕機(jī) new_captcha: data.new_captcha, // 用于宕機(jī)時(shí)表示是新驗(yàn)證碼的宕機(jī) product: "float", // 產(chǎn)品形式,包括:float,popup width: "280px", https: true // 更多配置參數(shù)說明請(qǐng)參見:http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計(jì)時(shí)完成 $(".getcheckcode").removeClass('dis').html("重新獲取"); }else{ $(".getcheckcode").addClass('dis').html("重新獲取("+_wait+"s)"); _wait--; setTimeout(function () { codeCutdown(); },1000); } } function inputValidate(ele,telInput) { var oInput = ele; var inputVal = oInput.val(); var oType = ele.attr('data-type'); var oEtag = $('#etag').val(); var oErr = oInput.closest('.form_box').next('.err_txt'); var empTxt = '請(qǐng)輸入'+oInput.attr('placeholder')+'!'; var errTxt = '請(qǐng)輸入正確的'+oInput.attr('placeholder')+'!'; var pattern; if(inputVal==""){ if(!telInput){ errFun(oErr,empTxt); } return false; }else { switch (oType){ case 'login_mobile': pattern = /^1[3456789]\d{9}$/; if(inputVal.length==11) { $.ajax({ url: '/login/checkmobile', type: "post", dataType: "json", data: { mobile: inputVal, etag: oEtag, page_ur: window.location.href, page_referer: document.referrer }, success: function (data) { } }); } break; case 'login_yzm': pattern = /^\d{6}$/; break; } if(oType=='login_mobile'){ } if(!!validateFun(pattern,inputVal)){ errFun(oErr,'') if(telInput){ $('.getcheckcode').removeClass('dis'); } }else { if(!telInput) { errFun(oErr, errTxt); }else { $('.getcheckcode').addClass('dis'); } return false; } } return true; } function errFun(obj,msg) { obj.html(msg); if(msg==''){ $('.login_submit').removeClass('dis'); }else { $('.login_submit').addClass('dis'); } } function validateFun(pat,val) { return pat.test(val); }