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

熱線電話:13121318867

登錄
首頁(yè)精彩閱讀一張好的圖勝過(guò)千言萬(wàn)語(yǔ)!數(shù)據(jù)可視化都經(jīng)歷了怎樣的發(fā)展歷程
一張好的圖勝過(guò)千言萬(wàn)語(yǔ)!數(shù)據(jù)可視化都經(jīng)歷了怎樣的發(fā)展歷程
2021-02-01
收藏

CDA數(shù)據(jù)分析師 出品  

編譯:Mika

【導(dǎo)讀】

信息爆炸時(shí)代,經(jīng)過(guò)精心設(shè)計(jì)、形象生動(dòng)的可視化圖表往往要比一篇深度長(zhǎng)文章更容易贏得眼球和青睞。

在一次TED演講中,信息設(shè)計(jì)師湯米·麥考爾追溯了長(zhǎng)達(dá)幾個(gè)世紀(jì)的圖形和圖表的演變過(guò)程,并展示了復(fù)雜的數(shù)據(jù)是如何通過(guò)處理,演變?yōu)榍逦?、美觀的可視化形式的。

我愛(ài)信息圖表。

作為一個(gè)信息設(shè)計(jì)師,在過(guò)去25年中我跟各種各樣的數(shù)據(jù)打交道。今天跟大家分享一些我的見(jiàn)解。

首先讓我們聊一聊歷史。

圖表的前世今生:從條形圖到南丁格爾玫瑰圖

溝通是對(duì)信息的編碼、傳輸和解碼。溝通的突破標(biāo)志著人類文化的轉(zhuǎn)折點(diǎn)。在溝通方面,語(yǔ)言、文字和算術(shù)能力得到了很大的發(fā)展。它們讓我們可以把想法編碼為文字,并量化成數(shù)字。沒(méi)有溝通能力,人類的發(fā)展將會(huì)停滯在石器時(shí)代。

盡管人類已經(jīng)存在25萬(wàn)年,但僅在8000年前,才出現(xiàn)原始文字。在將近3000年后,首個(gè)正式的書(shū)寫(xiě)系統(tǒng)才成形。地圖已存在了幾千年,圖表出現(xiàn)了數(shù)百年之久。

但通過(guò)圖形來(lái)表示數(shù)量,還是一個(gè)相對(duì)較新的發(fā)展領(lǐng)域。

直至1786年,威廉·普萊費(fèi)爾發(fā)明的首個(gè)條形圖,這才催生了對(duì)數(shù)量信息的視覺(jué)顯示形式。

1786年 威廉·普萊費(fèi)爾發(fā)明的首個(gè)條形圖

15年后,他引入了首個(gè)餅圖和面積圖。他這些發(fā)明仍是今天最常使用的圖表類型。

1801年 威廉·普萊費(fèi)爾的餅圖和面積圖

1857年,弗洛倫斯·南丁格爾發(fā)明了雞冠花圖 (又名南丁格爾玫瑰圖),用來(lái)來(lái)向維多利亞女王介紹軍隊(duì)的死亡率。在用藍(lán)色強(qiáng)調(diào)的部分,她展示了軍隊(duì)的大多數(shù)死亡可以如何被避免。

1857年 弗洛倫斯·南丁格爾的雞冠花圖 

不久之后,查爾斯·米納德繪制了拿破侖進(jìn)軍莫斯科的圖表。其中展示了一支42.2萬(wàn)人的軍隊(duì)是如何在戰(zhàn)斗、地理和冰凍的影響下付出慘痛代價(jià),最終減少到只有1萬(wàn)人的。這當(dāng)中,他將?;鶊D與制圖以及溫度線圖表結(jié)合在一起。

1861年 查爾斯·米納德 繪制的拿破侖進(jìn)軍莫斯科圖

用圖表讓數(shù)據(jù)會(huì)說(shuō)話

當(dāng)有很多數(shù)據(jù)可用是,我總是很激動(dòng),特別是當(dāng)它產(chǎn)生出有趣的圖表形式時(shí)。

看到這張整理數(shù)千份聯(lián)邦能源補(bǔ)貼數(shù)據(jù)的圖,南丁格爾玫瑰圖是它的靈感來(lái)源。圖中仔細(xì)顯示出,相比化石能源,可再生能源投入不足。

聯(lián)邦能源補(bǔ)貼數(shù)據(jù)圖

這個(gè)桑基圖展示了美國(guó)經(jīng)濟(jì)中的能源流動(dòng),強(qiáng)調(diào)了近一半的能源消耗是作為廢熱流失的。

美國(guó)經(jīng)濟(jì)中的能源流動(dòng)

我喜歡把數(shù)據(jù)用美觀的形式展現(xiàn)。

在這里,硅谷女性的個(gè)人和職業(yè)聯(lián)系可以被繪制成弧線。

硅谷女性的個(gè)人和職業(yè)聯(lián)系

同時(shí),全球范圍內(nèi)發(fā)明家的協(xié)作也可被繪制出來(lái)。

全球范圍內(nèi)發(fā)明家的協(xié)作圖

我甚至為自己制作了圖表。

我擅長(zhǎng)數(shù)字領(lǐng)域,但我的拼字游戲玩得差勁。我做了這個(gè)圖表來(lái)記住官方拼字字典里的所有兩個(gè)字母和三個(gè)字母的單詞。熟知這1168個(gè)單詞顯然是我的制勝法則。

有些時(shí)候我編寫(xiě)代碼 ,去把數(shù)千個(gè)數(shù)據(jù)點(diǎn)快速生成圖片,編程也讓我可以制作交互式圖表?,F(xiàn)在我們還可以根據(jù)自己的條件來(lái)導(dǎo)航信息。

圖表能讓數(shù)據(jù)一目了然

奇特的圖表當(dāng)然看起來(lái)很酷,但又是很小且簡(jiǎn)單的一個(gè)點(diǎn)就足以滿足所需,從去解決特定的思考任務(wù)。

2006年,紐約時(shí)報(bào)重新設(shè)計(jì)他們的市場(chǎng)板塊。將原本多達(dá)8頁(yè)的股票列表削減到只有1頁(yè)半的基本市場(chǎng)數(shù)據(jù)。其中列出了最常用的股票指標(biāo),但我想幫助投資者了解這些股票表現(xiàn)如何。

因此我增加了一個(gè)簡(jiǎn)單小點(diǎn),用來(lái)展示現(xiàn)在價(jià)格在一年內(nèi)的水平。這樣只需看一眼,價(jià)值投資者就可以通過(guò)靠近左邊的點(diǎn)去挑選出股價(jià)接近低位的股票;短線投資者可以通過(guò)靠近右邊的點(diǎn)找出上升趨勢(shì)的股票。

2006年 紐約時(shí)報(bào)重新設(shè)計(jì)的股票板塊

不久之后,華爾街日?qǐng)?bào)復(fù)制了這個(gè)設(shè)計(jì),從而簡(jiǎn)單化通常是大部分圖表的目標(biāo)。

一張好的圖勝過(guò)千言萬(wàn)語(yǔ)

但有時(shí)候我們需要復(fù)雜性,并充分展現(xiàn)出大量數(shù)據(jù)集。

蓋洛普公司的前主席--亞力克·蓋洛普,他有次給了我一本非常厚的書(shū)。數(shù)百頁(yè)紙涵蓋了60年的總統(tǒng)支持率數(shù)據(jù)。

我告訴他,整本書(shū)可以圖表化在一頁(yè)上。他說(shuō) "這不可能”。

這張就是,在一頁(yè)中展示2萬(wàn)5千個(gè)數(shù)據(jù)點(diǎn)。

只需一眼就可以看出:多數(shù)總統(tǒng)以高支持率開(kāi)場(chǎng),但很少能夠維持。像戰(zhàn)爭(zhēng)那樣的事件最初會(huì)提升支持率,丑聞會(huì)引發(fā)下降。這些重要事件能在圖表中被注釋,在書(shū)中可不行。

數(shù)據(jù)可視化能力將越來(lái)越重要

要點(diǎn)在于,圖表可以用驚人的效率傳輸數(shù)據(jù)。

圖形能力,即讀圖和畫(huà)圖的能力仍然處于早期階段。

新的圖表將會(huì)出現(xiàn),專業(yè)的用語(yǔ)將會(huì)發(fā)展。圖表可以幫我們更快地思考,比如在一頁(yè)紙上就看到整本書(shū)的信息,這就是開(kāi)啟新發(fā)現(xiàn)的關(guān)鍵。

我們的視覺(jué)皮層是用來(lái)解碼復(fù)雜信息的,而且還非常擅長(zhǎng)模式識(shí)別。如今,通過(guò)圖形能力、數(shù)據(jù)可視化能力,我們能充分利用大腦內(nèi)置GPU,從而輕松處理海量數(shù)據(jù),去發(fā)現(xiàn)藏在里面的金子!

數(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ù)說(shuō)明請(qǐng)參見(jiàn):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); }