可视化技术栈及学习计划

图片描述

推荐一个网站 https://www.kaggle.com/
https://beta.observablehq.com...
机器学习和数据可视化社区

我自己练习的仓库
 https://bost.ocks.org/mike/
可视化交流群
加微信zk_lp3333 写明DataV/可视化 交流哦

可视化技术栈及学习计划

可视化工程师

归纳起来一名可视化工程师需要具备三个大方面，数据分析能力、交互视觉能力、研发能力。细分起来就分下面几点：

定义优秀的可视化作品

数学基础

关于2维向量直观的感受看我的codepen画的一棵树，把二维向量操作方法封装了下，基本是用的 https://github.com/toji/gl-matrix/blob/master/src/vec2.js

https://codepen.io/AlexZ33/pen/LYZdZMm?editors=0010

学习阶段:

熟悉DataV的图形界面操作:提供的有示例
了解DataV提供哪些可视化组件:目前有27个常规图表、4个地图组件等
了解管理Node.js项目的基本概念:npm、package.json、require
学习基于Web的可视化技术:canvas, svg, webgl
学习可视化库:D3.js是必须要熟悉的,其它的可选(如ECharts)
自己练习开发组件:基于Node.js和D3.js
推荐一些学习资源(大家有其它好的资源都可以分享):

DataV:

数据操作培训视频:http://etaop4p.gensee.com/web...
c3c757a445a44dcfa776c60e13607359
DataV设计与实操视频:http://etaop4p.gensee.com/web...
a5c38710ca184de3b84e8225537a6cd1
DataV首次实战分享:教你30分钟创建汽车大屏:https://yq.aliyun.com/article...
大数据美⻝——寻找地图上的美味:https://yq.aliyun.com/article...

Node.js:

Node入门:http://nodebeginner.org/index...
七天学会NodeJS:https://nqdeng.github.io/7-da...
gulp详细入门教程:http://www.ydcss.com/archives/18
前端构建工具gulp入门教程:https://segmentfault.com/a/11...

SVG、 Canvas 及其操作库

canvas

konva: https://github.com/konvajs/konva

可视化库:

D3.js: https://d3js.org/
NVD3.js: http://nvd3.org/
plotly.js: https://plot.ly/javascript/
Leaflet: http://leafletjs.com/
ECharts: http://echarts.baidu.com/
G2: https://antv.alipay.com/g2/do...
recharts :Redefined chart library built with React and D3
thx/chartx： https://github.com/thx/chartx

地理相关：

AMAP（版本1.4+）
Leafletjs
deck.gl

webGL & VR:

可视化作品:

Visual Complexity:http://www.visualcomplexity.c...
FlowingData:http://flowingdata.com/
视物 | 致知:http://www.vizinsight.com/
数据新闻网:http://djchina.org/

可视化图书(都有电子书):

d3-t-and-t-v4
《The Grammar Of Graphics》
吕之华(著):《精通D3.js:交互式数据可视化高级编程》
Nick Qi Zhu(著),杨锐,刘夏,王超,张沙沙(译):《D3.js数据可视化实战手册》
Scott Murray(著),李松峰(译):《数据可视化实战:使用D3设计交互式图表》
陈为,沈则潜,陶煜波(著),《数据可视化》
J. Steele(著),祝洪凯,李芳妹(译):《数据可视化之美》

可视化产品:

DataV:https://datav.aliyun.com
数据观:https://shujuguan.cn/?from=zh8
BDP: https://me.bdp.cn/home.html
数字冰雹: http://www.digihail.com/
Tableau: https://www.tableau.com/zh-cn6. 数据魔镜:http://www.moojnn.com/

地图:

地图选择器:http://datav.aliyun.com/stati...
全国基础地图:http://www.geoq.cn/v1/basemap...
高德地图Web服务API:http://lbs.amap.com/api/webse...
百度地图: http://developer.baidu.com/ma...
Natural Earth:http://www.naturalearthdata.com/
openstreetmap:http://openstreetmap.org

D3 的学习资料

charting libary 有很多，但是d3只有一个
d3 is not just charting libary , it doing data viualisation . It is a dom manupulation library
学习途径
 http://www.ourd3js.com/wordpr...
http://www.decembercafe.org/i...
Binding Data to Dom Elements.
d3 api 详解
 http://christopheviau.com/d3l...
d3 v4 example
https://bost.ocks.org/mike/
D3 数据可视化 - 进阶系列
 D3 数据可视化 - 高级系列
 https://github.com/wbkd/aweso...
http://techslides.com/over-10...
http://christopheviau.com/d3l...
https://photino.github.io/d3-...