跟月影学可视化
月影
奇虎360奇舞团团长,可视化UI框架SpriteJS核心开发者,《JavaScript王者归来》作者
立即订阅
1858 人已学习
课程目录
已更新 3 讲 / 共 45 讲
0/4登录后,你可以任选4讲全文学习。
课前必学 (2讲)
开篇词 | 不写网页的前端工程师,还能干什么?
免费
预习 | Web前端与可视化到底有什么区别?
图形基础篇 (1讲)
01 | 浏览器中实现可视化的四种方式
跟月影学可视化
15
15
1.0x
00:00/00:00
登录|注册

预习 | Web前端与可视化到底有什么区别?

月影 2020-06-22
你好,我是月影。在课程正式开始之前,我想先和你聊聊可视化是什么,Web 前端和可视化的区别,以及可视化领域中非常重要的工具。了解了这些基本的东西,对我们的学习是非常有帮助的。
前段时间因为新型冠状病毒,我们每天都在关注疫情信息。不知道你有没有注意过这些疫情信息的展示方式。
来源:北京大学可视化与可视分析实验室
我们看到的疫情图大概都会通过上面这个信息图的样子展示出来。这种信息图与普通的网页看上去差别非常大,我们没办法用传统的 Web 开发技术实现这样的“网页”。没错,这是一个与传统 Web 开发完全不一样的领域,叫做数据可视化(Data Visualization)。
其实,除了“疫情地图”之外,我们平时见到的很多东西,都是通过数据可视化来实现的。比如,每年淘宝“双十一”的可视化数据大屏、各种平台的年度账单等等。
那你可能要问了,可视化到底是什么呢?
如果要给可视化下一个定义,我觉得应该是这样的:可视化是将数据组织成易于为人所理解和认知的结构,然后用图形的方式形象地呈现出来的理论、方法和技术。实现可视化有两个关键要素,一个是数据,另一个是图形。如果要考虑在计算机上呈现,那还要加上交互。

Web 前端与可视化有什么区别?

据我所知,很多同学在工作中因为产品需求要呈现图表,而不知不觉从 Web 开发进入了可视化领域。但因为不了解它们之间的核心区别,或多或少都会遇到一些棘手的问题。
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《跟月影学可视化》,如需阅读全部文章,
请订阅文章所属专栏。
立即订阅
登录 后留言

精选留言(19)

  • 白泗小林
    最近做一个需求是将很多小的病理切片拼成一个大图,能放大缩小倍数还能在图片上做标记的需求。老师有没有推荐的现成的库可以使用?

    作者回复: 这个似乎类似于瓦片地图,用leaflet这样的地图的库是不是可以,你可以研究下

    2020-06-22
    3
  • Silence
    为啥要学可视化?
    因为想要成为一名资深工程师,必须得掌握一个大的方向,只会使用框架和知道其原理,早晚要被随便就能上手的新人给淘汰掉。目前看来,可视化是一个不错的方向。
    2020-06-22
    2
  • 新哥
    可以每节课都留点思考题或布置点作业,不然我太懒了

    作者回复: 是的,每节课都会有思考题或者作业的~

    2020-06-22
    2
  • 秋谷
    之所以学习图形化,其实就是被‘表象’给吸引到了,各种层出不穷的视觉效果,以及看到某个厉害的作品的时候,总是会感叹一下,牛批啊,这也是我们前端写的诶,所以自己也想体验一下这种感觉。另外学习图形化的难点,相信很多小伙伴应该都有这样的感受吧,我数学不行,会不会太复杂之类的疑问,希望月影大大能够解惑一下。

    作者回复: 其实数学并没有想象的那么难,的确图形学深入下去,可以研究到相当深,要求的数学能力也会很高,但是基础一些的东西并没有那么难,甚至大部分问题只需要有高中数学的基础就能解决。所以可以循序渐进来学习,由浅到深,你会发现这个过程很有乐趣,而且不知不觉就有很大的成长了。这些底层知识的收获,不仅让你可以在可视化领域游刃有余,也会让你的其他领域技能得到很大提升。

    2020-06-22
    2
  • 筑梦师刘渊
    前端可视化把前端的能力边界扩展了一大截,让我可以再传统的网页开发上实现更高的追求,并且我也觉得这是技术发展的趋势,越来越多的功能都可以在网页端来实现,我也定好了自己的职业方向要深耕前端可视化领域,跟月影大大学,加油!
    2020-06-22
    1
  • 变成海的话
    经常有些分不清web前端开发和可视化开发的界限,也思考过两者的价值区别,有些迷茫,很多时候同样的东西,用传统前端的html和css可以解决,用可视化的canvas和svg也可以实现,就有些迷,到底该选哪个了。学习这门课,其实主要有两个目的,一个是为了知识,一个是为了延伸自己对可视化的价值和方向的思考

    作者回复: 嗯嗯,其实这些问题是比较普遍的问题。web开发和可视化也并没有特别明显的界限。专栏里我在前面几节课介绍4种图形系统,就是让大家能够知道该如何选择合适的技术实现对应的可视化需求。相信能解答你的疑问。

    2020-06-23
  • 没事撸代码
    为啥要学可视化?
    认为可视化是未来很可期的一个方向,加上自己也比较有兴趣。
    难点:
    数学知识?图形学,应该会涉及到很多矩阵计算的数学知识把,自己忘的完完的了

    作者回复: 可以把数学慢慢捡起来滴~其实我刚开始研究可视化的时候也发现把数学都还给老师了。后面做久了就慢慢重新掌握了,最后发现没有想象的那么难。

    2020-06-23
  • 落叶归根
    以前用three.js做过室内导航,换工作之后就好几年没碰过了,突然看到这个课程,勾起了内心深处对于可视化的向往
    2020-06-23
  • 墨白™
    想要学习可是的目标是找出一个技术上的突破点。我将工程师能力分成3块来评价:
    1. 技术能力
    2. 项目管理能力
    3. 团队管理能力

    目前我在团队中第2项完成的不错,目前急需增加第1项,第3项需要根据团队发展来做出相应的变动,需要等待好的时机。

    作者回复: 赞~挺好的个人成长规划

    2020-06-23
  • 雷霹雳的爸爸
    想学学这个可能跟个人经历有关,就好像,多年前认识的一个女孩儿,其实觉得挺好,就是那个时间点可能彼此之间不太合适...现在忽然又遇到了;学习难点方面,觉得数学、图形学可能是个坎儿,或者能不能个向上真的走到一个高度的必要的一块基石吧,就记得和前面说的那个”女孩儿“厮混的时候,那时候m$的ie里有vml,firefox还没有canvas啥的,我们要地图上画导航路线,用几个角度带渐变的background图的div来模仿,真够喝一壶的,还好有位人生导师,这位导师也刚巧是位数学博士,各种公式原理的给我讲解,还真鼓捣出来模模糊糊的效果,但是性能就...不过确实这个项目...虽然没人正式宣布,最后当然还是很不华丽的失败了,就是不了了之,因为合作伙伴人自己估计也惦记着客户端渲染引擎上把我们甩了...再过几年...后面伟大祖国为我们报了仇,搞得他们基本上不在天朝混了...
    2020-06-23
  • 趁你还年轻233
    掌握了可视化的前端,在项目中会更有话语权
    2020-06-23
  • vkingnew
    因为大数据的前端的数据展示,需要不少图标 可以直观的展示数据。我的问题:
    1.Web开发转数据可视化比较简单,反之呢?
    2.有什么框架可以兼容PC端,Android,IOS ,微信小程序做图形可视化?一次开发多端运行

    作者回复: 纯可视化转前端,好像一般这样的同学比较少,不过我想应该也不是很困难,因为做可视化,多少也要对浏览器有了解,而且对JS也要掌握,可能也就是HTML和CSS熟悉程度低一些。要兼容PC、Android、iOS和小程序,得看兼容到什么程度,目前我也不知道是否有能完全适配的框架。不过SpriteJS可以运行在PC端、移动端Web以及Node.js服务端渲染,也可以支持微信小程序,就是兼容性方面不能完全保证,因为我们主要还是用在可视化大屏,所以并没有测试其他设备的兼容性。

    2020-06-23
  • MwumLi
    我一直以为程序员不只是掳码的工具人,特别是前端程序员,把语言文字需求视觉化,仿佛创造一个新世界,你就是造物主,学习可视化,会让这个造物主的权力更大

    作者回复: 赞同~

    2020-06-23
  • 鲸勿落
    可以说随着大数据时代的发展,数据可视化就会越来越重要了。
    2020-06-23
  • 瑞泉
    客户经常说看过哪家的可视化很炫酷,真正自己做的时候总感觉元素布局有问题,或者根据数据设计的展示很别扭,无法真正展示数据的特点,老师有没有什么方法介绍一下

    作者回复: 可视化具体的项目,需要客户、产品经理、设计师、开发共同来协作完成的。首先要理解需求,理解数据。的确就像你说的,有时候看着很酷,做出来就不一定,因为视觉只是可视化的其中一块,只一味追求视觉效果,没有真正理解数据,也没有选择真正适合的数据表现形式,是做不好可视化的。看到哪一家很酷的可视化案例,一般都是造好的数据,不一定适合某个具体的客户,所以一定还是要根据业务需求和数据来设计,而不是模仿视觉效果。这块没有什么捷径,只有深入业务,深入需求,多角色共同配合,才能做好。

    2020-06-22
  • 宁康
    学习图形化技术不仅是扩展自己在web前端方面的知识面,同时我想图形化技术学好了,以后VR和AR方面也会很有用处。

    作者回复: 是的~

    2020-06-22
  • 快乐小球球
    我从事交互开发很多年,曾经从flash转型.曾经flash就非常类似于canvas2d的api,而flash在被adobe收购后也推出了类似于glsl的ALSL和stage3d来扩展gpu加速。
    如果经常做游戏开发的,几乎无时无刻不在和图形学打交道,即使不接触引擎层也离不开A星等经典的寻路算法。
    很高兴极客时间能推出这门和图形学相关的课程,还是月影大大的讲解。
    2020-06-22
  • Geek_239998
    赞说的很详细!
    2020-06-22
  • Fan
    他来了,带着干货来了。
    2020-06-22
收起评论
19
返回
顶部