請問這樣像素效果的分析圖是怎麼畫出來的？

12-07

想了半天沒明白，最後自己一個一個拼了一張，快死了~求大神告知，謝謝

重要說明：

很多的朋友在使用過程中發現：世界地圖中，給中國地區填色，台灣沒有被包括在內（黑人臉.???）我表示這絕對是不允許的！但是，大家不要方，我們手動回歸台灣，一定要回歸啊！回歸啊！回歸啊！請別忽略我的嘶吼

而當我們只選擇中國地圖的時候，台灣則是在中國領土以內的！( ? ?ω?? )?

—————————————————————

看了各位的答案，大家應該還不知道有個像素地圖生成網站吧~

直達連接：https://pixelmap.amcharts.com/#

看上圖左邊的四個圖形，意味著我們的地圖除了生成圓形和正方形的像素地圖，它還可以生成蜂窩地圖~

設置也很方便，選擇你想要的世界地圖或者國家地圖，選擇的形狀、調節大小以及間距，點擊右邊最大的藍底按鈕，過個幾秒就可以生成像素地圖。
它還可以給一個國家上色或者一個像素點上色~
裡面還有一些簡單常用的ICON可以選擇~

除了對於一個國家可以選擇同時上色，那對於一個地區呢？
答案也是可以噠~

再來展示一下其他幾種形式（看不清可以戳圖放大看哈）

除了像素生成，最愛的一點是它可以提供SVG格式！SVG格式！SVG格式！
給各位做設計或者寫地圖編程的朋友們，是不是提供一級棒的服務~

Btw，收藏了這個像素地圖網站，等於你收藏了全世界各個角度的國家地圖。

小更新一下，先感謝大家的支持。
其次想說明的是，以前模仿這張圖只是覺得圖面的形式很有趣，所以就用AI的功能簡單實現了一下形而上的模仿。
作為景觀專業的學生，對於軟體的了解比較有限。都說條條大路通羅馬，在此只是提供我自己的一種製作思路。至於大家之後想做這種風格的圖，可以根據具體的需要來~如果只是想和我一樣嘗試一種概念分析的表現風格，可以試一試我的辦法XD
以下為之前寫的具體步驟：
哈哈不請自來，正好之前作圖也參考過這張圖，分享下自己摸索的過程。
對於景觀、建築專業的人來說用Adobe Illustrator做是個比較方便的辦法，因為AI里有個功能就叫「創建對象馬賽克」~~~
首先具體數據圖片樓主自行準備，圖方便我這裡就先借用王小賤兄的圖來說了。

以AI CS6為例：
STEP1 將圖片置入AI的畫版

STEP2 選中圖片對象，在對象菜單選擇「柵格化」，選項CMYK什麼的默認就好

STEP3 柵格化對象後依然在對象面板里選擇「創建對象馬賽克」，就是圖二里「柵格化」下面的那個
打開後的面板中主要用到的選項有：

新建大小：生成的馬賽克圖案的尺寸，這個不用解釋吧= =
拼貼間距：就是每個小馬賽克之間的距離
拼貼數量：這個其實就是對對象水平和縱向細分的份數，份數越多網格越密
使用比率：這個感覺比較重要，如果想生成的馬賽克是正方形的話，在生成前要單擊一下這個按鈕，之後AI會對拼貼數量的高度和寬度數值進行調整，保證生成的是正方形馬賽克

設置完後單擊確定就好，這裡就按圖中面板設置的數據進行生成馬賽克，結果見下圖：

下圖是「拼貼數量」設置為高40寬23，沒有單擊「使用比率」的結果：

下圖是「拼貼數量」為高30，寬23，」拼貼間距「寬高均為1的效果：

注意剛生成的馬賽克是覆蓋在原圖上的一個新對象（可以拖動）

STEP4要做成題主中的樣子需要先將對象取消編組：選中後→「對象」菜單→取消編組

STEP5之後就可以對生成的馬賽克進行編輯，刪掉不用的小方塊，旋轉個角度啥的。總之，就是根據自己的需要進行網格大小的調整，對象的旋轉就好~~像題主題中的各個馬賽克圖，只要做好相應的分析圖分別在AI里生成對象馬賽克就好~

其實用photoshop就可以處理這種效果，錄製了一個動作可以載入使用。

先看應用的效果：

想看方法的可以看看動作操作步驟，也可以直接下載一鍵生成。
動作下載地址：鏈接：http://pan.baidu.com/s/1hrSU5uc 密碼：y66m

使用方法：
1、打開ps，在填充工具菜單欄中選擇圖案，載入【像素點.pat】這個文件；在動作菜單欄里載入【一鍵像素化.atn】這個文件；

2、點擊動作運行鍵；（注意，不用新建文件，動作裡邊已經有這一步了）

3、中間會暫停彈出窗口，要求你在圖層1中載入需要像素化圖形，將圖形（注意是要像素化的那一部分，不是一整張圖，不要帶背景。）放到圖層1即可；

4、再次點擊動作運行鍵，就自動完成像素化過程。

這是用processing或者其他的東西生成出來的，不是畫出來的

Mathematica可以連接資料庫，可以很輕鬆畫帶標註的分析圖，而且比較漂亮。
隨便舉個例子，中國人口分布（其實可以畫更漂亮，懶
pro=CountryData["China","Regions"];
divisions=(Entity["AdministrativeDivision",{#,"China"}]/@pro);
dat=EntityValue[Reverse@divisions,{"Name","Population","Polygon"}];
rng=Through[{Min,Max}@QuantityMagnitude[dat[[All,2]]]];
Labeled[ImageAssemble[ImagePartition[ImageResize[ImageTake[GeoGraphics[{GeoStyling[None],EdgeForm[],Tooltip[{ColorData["LightTemperatureMap"]@Rescale[QuantityMagnitude[#2],rng],#3},Column[{Style[#1,Bold],#2}]]@@@dat},GeoBackground-&>Black],{20,275}, {40,360}],500],{Scaled[1/80]}]/.i_Image:&>ImagePad[i,1,Black]],BarLegend[{"LightTemperatureMap",rng},10,LegendMarkerSize-&>500,LegendLabel-&>"人口密度",LabelStyle-&>{White,Bold,FontSize-&>15},Background-&>Black],Right]

直接抄的如何做高大上的城市肌理分析圖？ - Cc jiaowo 的回答

d3.js，把地理位置分柵格上數據就行，前段時間做的圖，意思差不多，上面說的processing和arcgis也可以做，但是前者數據綁定不方便，後者可定製性不夠好，做出來可能比較醜陋，嗯。

grasshopper -_-

樓上專業啊~~GIS輸入數據才生成會屎應該
應該還是一個一個填充的，掌握下方塊大小來掌握工作量吧，畫下來還是只是一個形式的東西

哈哈哈，我來瞎掰一個，先用PS畫個草圖，然後縮小到出現像素的程度，然後大功告成。

arcgis妥妥的，畫矢量網格或者做成大柵格

如果不是很嚴謹的話，其實可以用PS做出來，但是肯定沒這樣好

這應該是軟體生成吧？
看數據是什麼人口密度交通狀況什麼的數據分析

看圖，這個是基於地理位置的：人口密度，建築質量，建築年份什麼的。
這種圖不是應該手工根據實際情況填充嗎？（沒有相關接觸）
實現方法猜想：
一、基於實際數據，由地區大小和色塊比例而定，手工塗色。
二、做調研的時候就用白卡做，每到一個相應的區域做出調研後，直接塗色。
BTW~題主，如果我的思路是正確的，這圖應該需要一幫人協同出來的，你一個人搞，當然吐血。
BTW2~Quality, Age, Altitude，分明對應的相當規整，三個因素是有相關，但是懷疑有偷懶嫌疑。尤其中間的矩形 Age 和 Altitude 有數據，但是 Quality 卻是空白。

這種圖應該是用某種3s軟體製作的之前上這門課時就做過這樣的圖具體什麼軟體忘了