3分钟画出酷炫动态地图的秘诀!(下)

简介: 今天来聊聊地图可视化

经常使用的功能可以分成四类,我们逐一来探究。


地图可视化类型选择,这里主要有堆积、簇形柱状图,有气泡图,有热力图,还有区域颜色区分图。


源数据地域数据在系统内做匹配,比如省一级的,我们可以选择“省/市/自治区”,城市一级别的,可以选择“城市”(这里以更细化的数据为准)。如果还有更细致的具体收获地址,可以选择“街道”。


地区匹配上了,我们感兴趣的是每个地区数值大小,比如我们关心每个城市销售额高低,就把销售额字段添加到“高度”:


image.png


销售额高低对应着柱子的高度,如果选择的是热力图,会对应着颜色的深度。


我们还想要用颜色来区分省份,让不同的省份柱子颜色呈现出差异化,就需要设置类别了,这里我们把“省份”添加进类别:


image.png


在讲动态之前,先学习怎么样让地图变得更加好看:


image.png


导航栏有主题选项,提供了不同风格的主题,一般我会选择酷酷的黑色。


image.png


怎么样,是不是比原生的养眼多了?


然后,在右侧图形选项下,根据实际情况设置图形,比如我们想让柱子整体更高,就把高度比例调大,像让每根柱子更加厚实,调整对应厚度,不透明度,对应类别颜色的设置也是如此。

image.png


3D柱状图地图我们基本搞定了,接下来该让图形动起来了。只需要把付款时间添加到“时间”选项:


image.png


这样,左下方的可视化区域就多了一个时间轴,点击播放按钮,各个柱子会自己动起来:

微信图片_20220509103550.gif


小功告成!热力图和其他类型换个格式也能轻松实现。


受限于电脑老旧+渣录屏软件,实际播放效果比这个酷N倍。具体播放速率、旋转形态、多图叠加等细节大家也可以自己DIY。


最后,由于我们是上帝视角俯瞰,地图区域显示的很粗糙。不过,拉近视角,区域也能看的非常细致:


image.png


参考内容:


1.可乐数据分析之路:Excel做数据地图


2.百科Excel文档

相关文章
|
数据可视化 定位技术 数据格式
|
前端开发
《众妙之门——网页排版设计制胜秘诀》——导读
本书是Smashing Magazine网站的精选文章合辑,旨在帮助读者提升网页版式设计水平。本书囊括了字体抗锯齿技术,网页排版的原则,网页字体的设置技巧,CSS字体堆栈指南,CSS3的新特性,网页字体服务推荐以及排版工具介绍,等等。
1620 0
|
UED HTML5 移动开发
另类网页设计:30个复古怀旧风格的网站作品
  复古怀旧风格的网页设计是一种独特的网页设计模式。在过去的几年里,我们看到很多复古设计的例子,其中的一些看起来真的很不错,并提供出色的用户体验。当然,复古设计不是适合任何类型的网站,设计必须是故事的一部分并有适应的业务领域,但是如果应用得当,效果是惊人的!这里是30个美丽的复古设计的网站,一起欣赏。
1610 0
|
前端开发
40款奇特的名片设计,吸引大家的眼球《上篇》
  我们都知道,任何企业如果想成功,品牌的形象是至关重要的。如果您的企业的标志是大胆,有创意和独特的,那么人们会记住你的,这意味着你实现你的目标。你经常会发现很多情况下,向初始的人传递您的详细信息,名片是唯一的选择。
945 0
|
计算机视觉
一起欣赏:50+ 极具创意的个人简历设计【下篇】
  这篇文章收集了50+非常有创意的简历设计作品与大家分享,相比国内求职者中规中矩的简历,这些国外的简历设计非常新颖,让人眼前一亮!一份让人眼前一亮的简历也许就能带给你一份不错的工作,一起欣赏! 您可能感兴趣的相关文章 分享30个非常有创意的简历设计 25幅独特的字符头像艺术作品欣赏 ...
899 0
|
UED 前端开发 HTML5
太有才了!史上最有创意的404页面设计集锦
  404页面在我们平常浏览网页的时候并不会经常碰到,也因此很容易被忽略,但是有一些无意中出现的404页面的确很有意思。404页面也有一些特别的用途,例如显示公益广告,推广网站自身的内容等等,自定义404页面也是改善网站用户体验的一个方面。
1250 0
创意无限:25款非常酷的高档名片设计欣赏
  名片是最强大的营销工具之一,只要你手一出,你就有机会与人沟通,推介你产品和业务,当然也会给客户留下深刻的印象。在当今竞争激烈的商业世界,花在市场营销和广告的费用很多,但你可以采取一个独特的,非常有创意的来作为成本最低而最有效益的营销工具。
1102 0