Skip to content

Instantly share code, notes, and snippets.

@SongFuZhen
Last active April 12, 2021 07:49
Show Gist options
  • Save SongFuZhen/68e57736ea07e1bdeaa510fe4d0f405b to your computer and use it in GitHub Desktop.
Save SongFuZhen/68e57736ea07e1bdeaa510fe4d0f405b to your computer and use it in GitHub Desktop.

可视化相关概览

可视化概念

使用图形化的方式,表达想要说的内容

可视化相关工具

D3.js, G6, X6, Echarts

可视化应用场景

生活中、工厂中使用案例

可视化 Demo

可交互、不可交互

产品方向

开发可用的产品

数据可视化相关概念

官方定义

数据可视化,是关于数据视觉表现形式的科学技术研究。其中,这种数据的视觉表现形式被定义为,一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量。

数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。但是,这并不就意味着数据可视化就一定因为要实现其功能用途而令人感到枯燥乏味,或者是为了看上去绚丽多彩而显得极端复杂。为了有效地传达思想概念,美学形式与功能需要齐头并进,通过直观地传达关键的方面与特征,从而实现对于相当稀疏而又复杂的数据集的深入洞察。然而,设计人员往往并不能很好地把握设计与功能之间的平衡,从而创造出华而不实的数据可视化形式,无法达到其主要目的,也就是传达与沟通信息。

数据可视化与信息图形、信息可视化、科学可视化以及统计图形密切相关。当前,在研究、教学和开发领域,数据可视化乃是一个极为活跃而又关键的方面。“数据可视化”这条术语实现了成熟的科学可视化领域与较年轻的信息可视化领域的统一。

相关定义

数据空间

是由 n 维属性和 m 个元素组成的数据集所构成的多维信息空间

就对比数据库表来说,一张表就存在:多个列、多个行 分别对应 n 维属性 和 m 个元素

当然,多张表 join 之后,更加会有 n 维属性和 m 个元素

数据开发

是指利用一定的算法和工具对数据进行定量的推演和计算

需要用到一定的数据清洗和根据相关业务逻辑处理数据的能力

数据分析

指对多维数据进行切片、块、旋转等动作剖析数据,从而能多角度多侧面观察数据

需要一定的数据分析基础,能组合数据。也需要一定的业务知识,通过不同维度,解读出不同的信息

数据可视化

是指将大型数据集中的数据以图形图像形式表示,并利用数据分析和开发工具发现其中未知信息的处理过程

需要用到合适的工具编制图标,通过图形化,将要讲的数据,形象的展示出来

数据可视化的基础,还是数据,有了数据,然后通过算法、清洗等步骤,最终转化成一张图,一图胜千言

FineReport 数据关系

排行

用来展示 两组/多组 数据,体现彼此之间的量级关系。 例如: 某地区的温度状况,按照月份排行,从最热月份到最冷月份

名义比较

量性数值的简单比较。 例如:不同网站的访问量的比较

误差

展示了数据点和其他数据点的关系,看给订的特殊数据点和其他数据点的差异有多大。 例如:公园在下雨和正常天气下,售票量的比较

时间序列

记录数值随时间的变化 例如:月销售额

分布

展示了数据围绕中心量的分布 例如:篮球球队中队员的高度

互相关系

展示了数据点和其他数据点关系,看给定的特殊数据点和其他数据点的差异有多大 例如:公园在下雨天和正常天气下,售票量的比较

部分与整体关系

展示了自数据和整体之间的关系 例如:特定产品销售额占所有产品销售额的百分比

AVA 分析目的 purpose of analysis

Comparison 对比

两组/多组数据比较

Trend 趋势

数据走向

Distribution 分布

区域分布

Rank 排名

网站月访问量

Proportion 占比

部分跟整体对比

Composition 成分

区别

数据可视化相关的工具

报表相关工具

Excel

不赘述

FineReport

FineReport 是帆软自主研发的企业级 web 报表工具,经过多年的打磨,已经成长为中国报表软件领导品牌。 FineReport 以其零编码的理念,易学易用,功能强大,简单拖拽操作便可制作中国式复杂报表。

https://help.fanruan.com/finereport/

BI 相关工具

Power BI

使用用于自助服务和企业商业智能 (BI) 的统一、可扩展平台(该平台易于使用,可帮助获取更深入的数据见解),连接到任何数据并对数据进行可视化。 https://powerbi.microsoft.com/zh-cn/what-is-power-bi/

Tableau

Tableau 是一个可视化分析平台,它改变了我们使用数据解决问题的方式,使个人和组织能够充分利用自己的数据。

https://www.tableau.com/zh-cn/why-tableau/what-is-tableau

图标展示

Apache ECharts

一个基于 JavaScript 的开源可视化图表库 https://echarts.apache.org/zh/option.html#title

D3.js

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. https://d3js.org/

AntV G6

G6 是一个简单、易用、完备的图可视化引擎,它在高定制能力的基础上,提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。 https://antv-g6.gitee.io/zh

AntV 系列蛮多内容的,有 G2 做底层支持,G6,X6,L7 等上层建筑

应用场景

手表

只需要时针、分针和秒针三个视觉元素,就可以表达 43200 个状态

地铁路线图 / 地图

快捷方便的了解整座城市的路线

气象气候、天气预报

快速了解全国温度和降雨等情况

各种报表

财务报表等

数据展示

柱状图等

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment