00:00
哈喽,各位小伙伴们大家好,那接下来啊,咱们的即将去开发home首页模块。去完成图形图表的展示。也就是市场当中所谓的数据可视化。当然啊,数据可视化呢,它在工作当中或者是学习当中都是很重要的一部分。那当然啊,咱们呢,是需要储备一些关于数据可视化的知识点再去开发。那比如说数据可视化它是什么,以及用哪些技术去可以开发数据可视化呢?对吧,那所以说咱们的慢慢的把这个知识体系给它丰满,再去开发这个后模块。那这里啊,老师呢,准备了一个文档。这个文档呢,老师呢,利用的是v price搭建。那咱们呢,点进去看一下子。那首先说啊,老师搭建的这个文档啊,它是需要依赖的。
01:03
那依赖呢,你可以用样去安装,也可以用NPM或者是CNPM安装相应的依赖都可以。那咱们呢,去安装一下依赖。那首先说啊,这里呢,老师呢,还是再聊聊啊,数据可视化一定要好好去学学,因为它真的很重要,比如说comevas s VG,对吧。好了,那咱们运行一下n PM run第一位。那老师的这个文档啊,用的是view price搭建的,当然如果你对于we price搭建文档啊感兴趣,那可以呢,去看一下的VE price这样的一个文档,好吧,那这里呢,不是咱们的一个课程的重点。好了,那咱们呢,回到咱们的浏览器当中去看一下的老师准备好的这个文档啊。好了,那也就是说咱们接下来的课程啊,是关于数据可视化。
02:04
其实啊,什么是数据可视化呢?就是把数据变成这种图形图表的形式去展示。这样的易于观看。对吧,对吧,而且呢,咱们的项目当中啊,所要完成的这个图形图表呢,是基于VUEE2版本加上一叉开发的。啊,当然咱们的现在呢,还没有学ear,那咱们的需要慢慢的去来,对吧,那当然啊,你在学习数据可视化之前,你需要有一定的基础,比如说GSHTMLCSS基础,当然还得具备V的基础。对吧,那咱们呢,点击一下子快速上手,那咱们呢去看看。好了,那么数据可视化这一部分课程啊,咱们的主要分为两个阶段,第一个是基础阶段。
03:00
比如说啊,咱们呢,去学一学VASSVG以及ES的基本使用,对吧,那以及呢,还要完成咱们项目当中的这个数据报表啊,就是咱们项目当中的这个数据可视化的展示,所以说咱们的课程呢,是分为两部分,先掌握数据可视化的基本功,再去把咱们项目当中的数据可视化的图形图表给它完成。对吧,那当然咱们呢,在讲数据可视化之前啊,你得知道数据可视化它是什么,以及能干什。对吧,那咱们呢,去看一下什么是数据可视化。那首先说啊,数据可视化这个概念啊,你要注意啊,它呢可以算得上是一门学科啊,就是专门开发什么呢?专门开发数据可视化的。我不知道你们有没有关注,比如说淘宝的双11啊,像那种啊大屏,那就是所谓的数据可视化,而且呢,市场当中呢,也有关于专门的岗位找什么,就是专门找数据可视化这样的一个岗位。
04:08
对吧,那么数据可视化与数据和视觉有关。那么数据可视化简单去理解,就是讲数据转换成易于人员辨别和理解的视觉表现形式。如各种的2D图表,或者是3D图表,地图,矢量图等等,对吧,那当然随着技术的不断的进步,数据可视化的边界呢,也在不断的扩大。说白了就是把你的数据啊,庞大的数据用图形或者是图表进行展示啊,当然有2D的,也有3D的,当然啊,咱们的课程当中先不涉及到3D的,那如果说你对于3D感兴趣,咱们的课程在后面呢,也可以去聊一聊。
05:00
对吧,那这里呢,咱们也说说数据可视化的一个发展。虽然说啊,数据可视化它在咱们的生活当中啊,颁布的非常广泛,比如说操作系统,那你看现在咱们这里,那不就是数据可视化。对不?以及工程制图的CAD图,那如果说有玩工程的制作那种CD图,它也是数据可视化,以及计算机当中的那种动画啊,PSSAE啊,也属于数据可视化,当然计算机当中的那种游戏,那也算数据可视化,以及现在比较火的VR,对吧,虚拟世界它也是数据可视化。所以说你会发现数据可视化在咱们的生活当中还是应用比较广泛的。对吧,那咱们呢,去看一下数据可视化的一个应用的场景,你看这儿。典型的应用就是Excel,你看Excel在做数据的时候啊,比如说用这些文字去展示,对吧,你看着很乱。
06:09
那假如说数据量很大,你看着也很杂,那当然你就可以把数据给它转化成图形图表进行展示。对吧,比如说用这种柱状图去展示,那这样观看起来非常方便。对吧,啊,以及像这种插慢的,像这种流程图,那这也是数据可视化对吧,把你这种呃执行的流程我给你画出来,那这样看它不更容易吗。对吧,那当然这个呢,也属于流程图。对吧,那当然这也是属于流程。对吧,那当然。还数据可视化呢,还有一些复杂的应用,比如说数据大屏啊,像这个淘宝啊,或者是天猫,像淘宝双11,天猫的618对吧?啊,京东的618经常的会做会做这种大屏的数据展示,那这些呢,也是数据可视化。
07:09
对吧,那以及咱们项目当中的这个数据报表啊,咱们将来项目当中这个图形图表,那也要用到数据可视化。对吧,当然还有这种地图。那有的同学可能会说,啊,老师,我还见过那种3D的地图,那当然也有。对吧?啊,那以及还有什么数据可视化的一个发展的前景,那这里呢,老师呢,刚刚也说过,数据可视化呢,它也有专门的岗位啊,专门的岗位去开发什么呢?开发数据可视化,你看比如说这里提到啥,提到了一。对吧,啊所以说呢,这块呢,要注意一下数据可视化它的应用还是比较增大啊,比较大对吧,那以及啊,数据可视化的一个技术的选型啊,也就是他的一个解决的方案,用什么可以开发数据可视化。
08:00
那这里呢,老师呢,主要呢,给它分为三层啊,三层哪三层呢,先看这两个啊,比如说在咱们的项目当中,你可以用这些框架去完成咱们的数据可视化。比如说比较出名的一。对吧,那咱们的项目当中呢,也用到的是一那以及还有char。啊,对吧,And以及three.gs以及c render,第三那这些呢,是人件已经封装好的框架,你可以直接使用啊,当然咱们的项目当中,老师再说一遍,咱们用的是E。对吧。那这里呢,老师呢,要多说一嘴,比如说three点儿GS,它呢是可以开发3D的效果的。对吧,就是three.gs那当然咱们的课程当中啊呃,只是关于2D的,那当然如果你对于3D的数据可视化感兴趣呢,可以去了解一下的点GS。
09:00
所以说这些是属于什么,属于人家已经封装好的框架,你可以拿过来直接使用。那么底下这四个就相当于是底层了,也就说数据可视化的这些框架是用什么制作出来的呢?哎,用的是covers s VG web gl以及HTML。那当然啊,那除了底层之外呢,还有更底层的就是浏览器的底层对吧,比如说open gl渲染图形啊,当然咱们的不会涉及到这里。那所以说。数据可视化你要学的知识点还是很多的,当然在使用这些,呃,数据可视化的这些框架之前,那咱们呢,先把底层的这些东西,将来呢是要学学的,比如说咱们呢会去做。会学学SVG。回首再去学习这些人家已经封装好的框架,对于他的理解呢,会更加深刻一些。
10:01
当然那这里的关系呢,老师呢,也说一下子,你可以怎么理解呢,就是这些框架,你可以把它理解为什么呢?JQ。对不,那么GQ是用什么封装的呢?是用GS封装的。那以及JS用什么写的呢?那可能底层是用C或者C加加,对不?你可以这样去理解。那所以说咱们呢,在开发咱们后首页模块数据可视化之前,咱们呢,先把底层的基础的知识给他打牢。咱去回首学习上层的框架,最终去完成咱们的项目。对吧,那当然咱们的数据可视化的解决方案有很多很多,那咱们的项目当中用的是一叉,那当然有的同学说老师我喜欢叉,对吧,V叉等等还有很多很多。对吧,那所以说咱们呢,一会儿呢,把底层的这些基础给他打牢,再去完成上层的业务。好吧,那当然底下这儿的啊,什么open gl这些咱们就不看了,好吧,所以说这是对于数据可视化的一个简介,那说白了一句话,就是把庞大的复杂的数据转化成图形图表,可以进行非常方便的观看,那这也就是所谓的数据可视化。
我来说两句