做好视觉可视化设计,从信息的整理和归纳开始

做好视觉可视化设计,从信息的整理和归纳开始

视觉学习者(Visual learner)是那些用图像进行思考的人,这些人将脑中的画面转述成词语去与他人进行沟通。世界上大约 60%的人是视觉学习者。

信息可视化的意义就是在于运用形象化方式把不易被理解的抽象信息直观地表现和传达出来。信息可视化图表则隶属于视觉传达的一种设计,是以凝练、直观和清晰的视觉语言,通过梳理数据构建图形、通过图形构建符号、通过符号构建信息,以视觉化的逻辑语言对信息进行剖析视觉传达方式。

根据道格·纽瑟姆2004年定义,从表现形式的角度“信息图表”作为视觉工具应包括以下六类: 图表、图解、图形、表格、地图、列表

设计的目的决定了图表设计的形式,按照形式特点我们常把图表分为 关系流程图、叙事插图型、树型结构图、时间表述类及空间结构类 五种类型。不管何种类型,都是运用 列表、对照、图解、标注、连接 等表述手段,使视觉语言最大化的融入信息之中,使信息的传达直观化、图像化、艺术化。

常见图表样式

  • 图像化:图示、图形、图片、图表
  • 总分关系, 即纲目关系,纲举目张,有如树干和树枝、统领与分支。
  • 主次关系, 即重点和一般,需要把握矛盾的主要方面和次要方面。
  • 并列关系, 即相互之间不相隶属、又相对独立的关系。
  • 递进关系, 时间轴、阶梯式、圆环式,包括时间上的递进、空间上的递进、逻辑上的递进。

常用数据功能维度分析

比较,构成,分布联系,概念可视化,相关性,关联,分配,地理数据/信息,部分到整体,随时间变换趋势,分布。

图表表现形式

标题、注、数据来源、数据统计时间、图例、区域名称

  • 标题:2022年各家庭人均月收入 区间人口分布
  • 注:数据来源于XX课题组分层线性随机抽取7万个代表性样本
  • 数据来源:大薯数据
  • 数据统计时间截至2022年4月11日
  • 图例:
  • 区域名称:

图表最基本的表现形式: 柱状图、折线图、饼图 等几种形式,其他的数据图都是这几种常规图形的变形。

柱状图(分布) →风玫瑰、堆积图

饼图(比例) →圆环图、多级饼图

折线图(趋势)

气泡图(相关性)

多边形(综合)

象形柱图、饼图、维恩图、同心圆、气泡图、折线图、K线图、面积图、散点图、旭日图、扇形图、风玫瑰图、柱状图、磁带图、甘特图、矩形树图、网格图、元素周期表、弧线图、桑基图、弦线图、雷达图、极坐标网格图、螺旋图、时间线、并列比较、抽象树、思维导图、关系图、路径图、树图、决策树、方框图、金字塔、漏斗、辐轮、循环轮、楼梯、国际图形字体教育体系、地铁路线图、速度仪表、齿轮、拼图、杠杆、天平、切尔诺夫脸谱图、头部轮廓、系谱树、组成结构、迷宫、地理坐标/地图、冰山、高山、岛屿、三明治、宇宙、钟面仪表盘、、层次、过山车、书架、根源、树、循环系统、建筑物中的活动、城市生活、马拉松、进化、食物链、聚集、实验、工厂、成套工具、传送带、道路、机器、盒须图、热力图、平行坐标系、词云

参考对象

DT财经

DT财经

谷雨数据

谷雨数据

澎湃美数课

澎湃美数课

数读

数读

数可视

数可视

数有范

数有范

给你省力的网站来了

Apache ECharts、Adioma、Cool Infographics、Column Five、镝数图表、百度图说、图表秀、花火Hanabi 、灯果、WordArt、RAWGraphs、标准地图服务系统、Apache ECharts、Data Viz Project、ArcGIS、FlowingData、CARTO Builder、kepler.gl

CARTO Builder

是一个基于地理位置信息的开源可视化工具,通过这个网站,我们不仅可以生成常用的可视化地图,还可对地理数据进行筛选和分析。它可以快速发布、分享及导出图片,点图、区域图、时间动态地图。

↑ CARTO Builder网站内容( carto.com/builder/

kepler.gl

是Uber数据可视化团队继deck.gl产品之后又一简单、模块化的基于地理信息的可视化工具。通过这个网站,可以很轻松地生成各种各样的3D地图可视化,比如3D柱状图、抛物连线图、点图、热力图、轨迹图等等。

↑ kepler.gl网站内容( kepler.gl/

Flourish

是由Flourish团队开发的一个在线可视化工具网站,这个网站的操作也非常的简单,每一个图表都提供了参考的数据案例,你可以在参考的数据上直接进行修改,也可以上传自己的数据,通过这个网站,我们可以很轻松的生成市面上很火的动态柱状图、动态折线图。

↑ flourish网站内容( flourish.studio/

爱图说

是一个非常简单容易上手的一个可视化工具网站,只需要简单的三步:导入数据,选择模板,设置参数即可生成可视化图表。在处理一些基础图表时,选择这个网站再合适不过了。

↑ 爱图说网站操作界面( itushuo.com/

RAWGraphs

这是一个在线快速生成可视化图表的网站,支持导出SVG格式的图片。RAWGraphs简称RAW,它是一款网页端的快速生成可视化图表的网站。通过拖拽数据的方式,便可生成各种各样的可视化图表,最后,还可导出SVG格式,在AI进行美化加工。

↑ RAWGraphs网站内容( rawgraphs.io/

Charticulator

它是微软研究院的一个数据可视化产品,无需代码,无需设计功底,直接通过拖拽数据的方式,就可以快速生成定制化的可视化图表,和RAW不同的地方是,我觉得这个更像是玩数据,不拘于模板自己自定义进行生成。

↑ Charticulator网站首页( charticulator.com/

Apache ECharts

免费!免费!免费!

网页即可生成图表导出。

几乎涵盖所有类型信息图表,网站可以根据你输入的信息自动生成图表。

Apache ECharts

Adioma

带有图标和模板的信息图表制作器,旨在解释、教育和展示

Adioma
Adioma

Cool Infographics

Cool Infographics® 是一切数据可视化、信息图表、演示文稿、仪表板和视觉通信的大本营。

Column Five

镝数图表

网页即可生成图表导出。

网站有非常多的动态模板,修改数据就可以直接用。同时,有词云图、环形图、桑基图、雷达图等超多可视化模板可选择,几分钟就改一张微信配图,一刻钟就可以做出漂亮的长图。

支持静态图、矢量图、H5网页等输出。

镝数图表

简数科技

简数科技

百度图说

网页即可生成图表导出。

先创建账号,并选择要绘制的图表模板,再点击数据编辑,对图表数据进行修改即可。(也可以直接通过 excel 导入,方便快捷)

百度图说

图表秀

网页即可生成图表导出。

选择图表、导入数据、修改属性、生成即可。

图表秀

花火 Hanabi

网页即可生成图表导出,风格超多配色年轻好看。

花火 Hanabi

灯果

高科技大屏数据分析页面。

灯果

WordArt

一个在线文字云艺术创作者,可让您轻松创建令人惊叹且独特的文字云艺术。

即使对于没有平面设计知识的用户,也可以立即获得专业质量的结果。基本上所用到的字词云、形状词云都可以通过这个网站搞定。

下载形式:PNG(免费)

标准地图服务系统

这个网站可以找到中国全图、分省(区、市)地图、世界地图、各洲地图、专题地图,这些地图对公众都是免费开放的, 点击下载,便可获取JPG,或 EPS格式的高清地图素材。

Apache ECharts


一个基于 JavaScript 的开源可视化图表库

Data Viz Project

Data Viz Project是一个数据可视化图表种类查询的网站

ArcGIS

ArcGIS Developer

FlowingData

FlowingData

Tableau Public

编辑于 2022-09-03 19:06