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

熱線電話:13121318867

登錄
首頁(yè)精彩閱讀數(shù)據(jù)可視化知識(shí)貼①:激情四溢熱力圖
數(shù)據(jù)可視化知識(shí)貼①:激情四溢熱力圖
2015-05-17
收藏

數(shù)據(jù)可視化知識(shí)貼①:激情四溢熱力圖


熱力圖在傳統(tǒng)坐標(biāo)系中比較少見(jiàn),但是如果是在現(xiàn)代SIG(地理空間數(shù)據(jù)可視化)中,沒(méi)有比熱力圖使用更廣泛的了。

什么是熱力圖?

所謂熱力圖(heat map),又叫等值線地圖(choropleth map),是超越了傳統(tǒng)地圖意義的一種新型的地圖。

首先,它是根植于傳統(tǒng)地圖的,一張熱力圖上的邊界,一般是按照傳統(tǒng)地圖上的市、省、國(guó)家的行政區(qū)域邊界來(lái)劃分。

其次,熱力圖以不同的顏色來(lái)對(duì)各個(gè)地區(qū)的不同情況予以顯示。不同的顏色可以表示不同的人口密度、天氣情況、人均收入、社會(huì)觀點(diǎn)等等基于地理位置的不同數(shù)據(jù)。

下面這張圖,就展示了2008年美國(guó)大選的投票結(jié)果。紅色是麥凱恩,藍(lán)色代表奧巴馬,用不同的顏色深度表示他們?cè)诓煌闹葳A得的支持率。結(jié)果,當(dāng)然大家都是知道滴。大數(shù)據(jù)

熱力圖溯源

前面說(shuō)過(guò),熱力圖是根植于傳統(tǒng)地圖的一種新型的圖表,所以熱力圖的歷史并不長(zhǎng)。
很多因素限制了熱力圖的萌芽,其中就包括現(xiàn)代地圖學(xué)。

直到19世紀(jì),航海大發(fā)現(xiàn)催生了現(xiàn)代地圖學(xué)的成熟和發(fā)展,采用投影法的地圖越加精細(xì),全球的地理數(shù)據(jù)積累也日益豐富,熱力圖才自然而然地被發(fā)明出來(lái)了。

法國(guó)的一位數(shù)學(xué)家、工程師、經(jīng)濟(jì)學(xué)家和政治家夏爾.潘迪(Charles Dupin 1784-1873),可能是世界上第一位使用熱力圖的人。

這張發(fā)表于1826年的黑白地圖上,以從白到黑不同深度,標(biāo)示了法國(guó)文盲的分布情況。大數(shù)據(jù)

熱力圖的使用

熱力圖是完美的傳統(tǒng)地圖與現(xiàn)代數(shù)據(jù)結(jié)合的產(chǎn)物,最大的特點(diǎn),就是它的數(shù)據(jù)范圍有邊界,而這個(gè)邊界,是由傳統(tǒng)地圖或者說(shuō)人為劃定的。

就像前面美國(guó)大選圖,我們可以看到以各個(gè)州、市中雙方贏得的選票比例。

相信諸位現(xiàn)在心里會(huì)有一個(gè)疑問(wèn)了。

我知道,且看下面這張圖,請(qǐng)注意其中的一些細(xì)節(jié)。大數(shù)據(jù)

這是關(guān)于英倫三島的一張人口密度分布圖。

請(qǐng)注意,它不是直接按照人口密度分布畫出的等值線圖,而是以行政區(qū)域來(lái)劃分?jǐn)?shù)據(jù)邊界的。

請(qǐng)注意圖中的一些細(xì)節(jié):

這張圖上主要顯示的是英國(guó)各個(gè)郡的人口密度分布情況。但是有的郡區(qū)域內(nèi),會(huì)有很小部分顏色很深,說(shuō)明人口密度比周邊地區(qū)要高出很多。

因?yàn)橄穸及亓?、?ài)爾蘭這些地區(qū),整體人煙稀少,人口密度很低,但是在中心城市卻聚集大量人口,采用全郡平均值的話,會(huì)引起很大的誤會(huì)。

所以,這張圖上,將一些重點(diǎn)城市的人口密度也標(biāo)示出來(lái)。以免造成誤讀。

當(dāng)然,我們別忘了,熱力圖還有一個(gè)名字叫做等值線圖。這里人為劃分的行政區(qū)域已經(jīng)取消,數(shù)據(jù)的邊界由數(shù)據(jù)本身決定。
就像下面這張全球輪班航次圖。大數(shù)據(jù)

熱力圖最佳設(shè)計(jì)指南

前面我們已經(jīng)簡(jiǎn)單介紹了熱力圖的一些基本情況,下面該講講基本的設(shè)計(jì)原則了。

  • 使用細(xì)的地圖輪廓線大數(shù)據(jù)

粗的輪廓線,會(huì)使得地圖上的各個(gè)圖塊變得分散。

  • 選擇合適的配色大數(shù)據(jù)

熱力圖中,同一系列的顏色應(yīng)該選用同一色系的顏色,或者是相近顏色的過(guò)渡色。

  • 少用填充圖案大數(shù)據(jù)

可以用不同的圖案標(biāo)示不同的變量。但是不宜超過(guò)3種,否則就喧賓奪主了。

  • 選擇合適的數(shù)據(jù)區(qū)間大數(shù)據(jù)

選擇3-5個(gè)數(shù)據(jù)范圍,盡量使數(shù)據(jù)在這幾個(gè)范圍內(nèi)分布均勻,超出這個(gè)范圍的數(shù)據(jù)用+/-號(hào)表示。

數(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); }