数据可视化你了解多少？

1.数据可视化了解

1.1.什么是数据可视化

数据可视化, 说白了, 就是把数据以更加直观的方式进行呈现. 那什么方式是更加直观的方式呢? 就是图表.

常言道, 文不如表, 表不如图, 人们大脑对图的敏感程度要比苍白无力的文字好很多.

我们来看一组数据

衬衫 :5

羊毛衫 :20

雪纺衫 :36

裤子 :10

高跟鞋 :10

袜子 :20

这个数据就是某些产品的销量 . 单纯从这些文字上来看 , 很难看出数据之间对比的关系 . 如果把这些数据以图表的方式呈现出来呢 ?

 

上面这幅图就是这组数据的图表展示. 通过这幅图一眼就能看出哪些产品销量高, 哪些产品销量低. 数据与数据之间的关系一目了然.

1.2.数据可视化的好处

清晰有效地传达与沟通信息

数据可视化的好处之一就是能够清晰有效的传达信息和沟通信息. 继续看刚才的那个例子, 如果使

用同样的数据, 换成另外一种展现形式, 比如下边的这幅饼图. 我们可以很容易的就看出每个产品的

销量占比.不需要太多的脑力计算和思维转换.

• 更容易洞察隐藏在数据中的信息

将数据以图表的方式呈现出来还可以帮助我们感受到那些隐藏在数据之间的信息 . 比如下面的这幅

上证指数的 k 线图

 

这幅图中可以看出指数的上升趋势或者下降趋势 . 而上升趋势或者下降趋势这种信息是很难从文字

中察觉到 .

1.3.数据可视化的实现方式

报表类

• Excel
• 水晶报表

报表类的主要实现方式就大家熟悉的Excel或者水晶报表, 这种方式主要面向的是非技术人员, 在特定的软件中点击几个按钮,添加一些数据就可以生成图标了.这种方式的优点是简单, 谁都会用. 缺点也显 而易见, 就是不灵活, 图表一旦生成之后就固定不变了, 如果数据发生变化了, 图表需要重新生

成商业智能 BI

• Microsoft BI
• Power-BI

商业智能 BI 的实现方式主要有微软的 BI 和 Power-BI, 它比报表类更加高端 , 他除了可以对数据生成报 表之外 , 还可以提出决策依据，帮助企业做出明智的业务经营决策

编码类

• ECharts.js
• D3.js

编码类 , 这种是需要程序员参与 , 程序员可以对接到公司现有的系统架构中进行编码 , 实时生成动态的图表 . 常见的使用库有 ECharts.js 和 D3.js, 我们项目中使用的是 ECharts.js , 他是百度公司开发 的一套开源可视化库 , D3.js 是国外的一个可视化库 , 在封装性 \ 易用性 \ 效果上 , ECharts 要更优秀 一些 .

相对来说 , 这三种方式中编码类的实现方式更加灵活 , 他可以融入到我们已有的项目中 , 和项目的贴合度是最高的 , 但是他的门槛也高些 , 需要有编程基础才能完成 . 而我们的这么课程正是编码类可视化的实现, 并且选择的是百度开源的 ECharts.js .

以上，你了解数据可视化了吗？

接下来跟黑马程序员一起玩转电子商务数据可视化项目， 明天记得来学习【ECharts的基本使用】

---

 黑马前端专栏干货多多，关注再学，好方便~

2022年前端学习路线图：课程、源码、笔记，技术栈 另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我喔~