可视化干货|可能是最好玩的像素地图

浏览: 3316

幻灯片1.jpg

幻灯片2.jpg

在上几期,浩彬老撕给大家介绍了一个神器,在线的云词图制作工具:

干货教程|可能是最方便好用的文字云工具

其中里面有一幅设计图大家念念不忘,纷纷留言要资源~在这其中,有一小撮好学的童鞋表示想要日本老师们的教学视频,也有一部分童鞋再问怎么可以找到一些地图资源。

幻灯片3.jpg

神器:像素地图(Pixel Map)

神器,像素地图(Pixel Maphttp://pixelmap.amcharts.com,这是一个在线像素地图的设计网站。


可以看到页面主要有3个位置进行管理设计,分别是1)地图配置工具;(2)设计工具;(3)缩放


幻灯片4.jpg


其中地图配置工具,主要用于配置生成总体地图,设计工具则是用于进行具体地图的细节设计,简单而言前者属于粗放式配置,后者用于细节设计


1.地图配置工具

首先,我们可以根据需要选择地图,不但有世界地图,还有详细的各国地图

幻灯片5.jpg

进一步,我们可以选择地图投影的种类

我们知道,地球是一个三维的球体(虽然并不标准),而我们日常看到的地图则是一个二维的平面。因此,我们就需要把三维球体表面转换到我们需要的二维平面,这个过程叫做投影,大家也可以理解为我们的观察方式和观察角度。投影的种类有很多种,每一个种类都有自己的数学规则,Pixel Map对于常用的投影种类都有支持,如麦卡托投影,米勒投影等;

幻灯片6.jpg

当然,我们可以根据需要给陆地和水域分别上色。(关于上色,后面还会有更加特别的功能)

幻灯片7.jpg

接下来就是生成像素图了,根据需要:

  • 像素形状:一共有四种可供选择:分别是圆形,正方形,菱形以及六边形;

  • Size:可调节每个像素点的大小

  • Distance:就是每个像素点的距离;

  • Generate Pixel Map:设定好后,我们可以点击该按钮生成图形

  • 下载:根据需要,我们进行下载,支持SVGHTMLIMAGE.png)格式,支持SVG格式,简直是业界良心啊!


注:.svg是一个可缩放的矢量图格式,相对于常用的图片格式.png等,svg在颜色,大小调节,形状转换上都更具有灵活性。

幻灯片8.jpg

幻灯片9.jpg

幻灯片10.jpg

2.设计工具

设计工具包括选择,上色,标签,直线,文字。


选择工具:可以直接选择一个像素点,也可以直接选择一个区域(例如省份)

幻灯片11.jpg

选择一个像素点

幻灯片12.jpg

选择一个区域

选择后,可以根据需要,单独对该区域进行调整,例如把该区域去除,单独改变像素形状,改变颜色等;幻灯片13.jpg

上色工具:可以方便地对某特定的像素点/区域进行颜色填充

幻灯片14.jpg

额外地,我们还可以根据需要,在特定区域添加特定的标识(可以根据需要调整该标识的颜色和大小)

同样,我们也可以根据需要在像素图中添加直线文本

幻灯片15.jpg

幻灯片16.jpg


近期热门文章精选(点击标题即可阅读):

1.干货教程|可能是最方便好用的文字云工具

2.(理论+案例)如何通俗地理解极大似然估计?

3.XGBoost 与 Boosted Tree

4.统计挖掘那些事——婀娜多姿的非线性回归(理论+案例)

5.统计挖掘那些事——强大的逻辑回归(理论+案例)


二维码4缩小.jpg

作者简介:浩彬老撕

好玩的IBM数据工程师,

立志做数据科学界的段子手,

致力知识分享,每月至少一次送书活动

推荐 4
本文由 浩彬老撕 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

8 个评论

这个用什么工具做的
文章上开头有连接:神器,像素地图(Pixel Map):http://pixelmap.amcharts.com,这是一个在线像素地图的设计网站。
谢谢,这个工具没听过,感谢引荐
好的东西需要分享给大家
像素点的形状可以自定义吗 ~
像素点的形状可以自定义吗 ~
像素点的形状可以自定义吗 ~
有几种选择,但是还不支持自定义。

要回复文章请先登录注册