(TODO)数据可视化工具
内容基于这个文章:https://www.zybuluo.com/Wond-Z/note/583831
我在此基础上进行了一些补充。
企业中工作,都是属于应用型工种,掌握了优秀的工具,就能具有优秀的生产力和创新力。
这些工具也可以成为我们的可视化需求&产品方向。
3D 设计软件
Spline
简单、轻量、易出效果。专注几何卡通 3D 设计,很适合用于运营类的场景。
可以导出后结合原生 JS、React、Three.js 进行开发
可以制作特效,比如 Bloom
可以绑定事件交互
支持物理效果
官方有很多教程:
一个感触:
1、现在的工具软件,都在往 Web 化走
2、工具都倾向于往平台化走,模糊边界,集成创作者所需的各种功能,提供一站式全方位服务;比如这个设计软件,已经不局限于纯设计了,而是把平时开发人员的大部分工作内容也涵盖进来了。
3、好的软件,官方一定都有完善的教授视频,比如 UE、比如这个 Spline;门槛降得足够低,才能大面积推广出去。
知乎有个介绍帖子。
Vactary
图表配置平台
百度 · 图说
百度图说是基于百度自家开源图表库 ECharts 而设计的一个傻瓜式图表工具,经过测试,基本常用图样是没问题的,如果要构建自住型强的图还是很有局限性的。
Link: http://tushuo.baidu.com
流程图&策略图
ProcessonOn
ProcessOn 是一个面向垂直专业领域的作图工具和社交网络,将全球的专家顾问、咨询机构、BPM 厂商、IT 解决方案厂商和广泛的企业用户紧密的连接在一起,提供基于云服务的免费流程梳理、创作协作工具,与同事和客户协同设计,实时创建和编辑文件,并可以实现更改的及时合并与同步,这意味着跨部门的流程梳理、优化和确认可以即刻完成。
Link: https://www.processon.com
Draw.io
这个工具足够简单,有 Web 版也有客户端版(客户端版看起来也是嵌入了一个 Web),所有功能都是免费的,而且源码开源,很不错。
Link: https://app.diagrams.net/
信息图
visme
这个工具有视觉效果很不错的模板,我们曾经用这个工具制作过疫情可视化的内容,不过大部分模板都是收费的。
Link: https://www.visme.co/
Infogr.am
这是较早的一个在线制作工具,亮点是支持实时数据刷新,而且制作的信息图表支持在多终端展示。
Link: https://infogr.am
Venngage
这款工具的亮点是自带超多免费模板,超多的版式选择,配色潮流大胆。
Link: https://venngage.com
Piktochart
跟上一款非常相似,但免费模板不够多~Piktochart 还提供 PPT 模板,海报模板和新闻模板等。
Link: https://piktochart.com
Canva
表面上,这也是一枚大同小异的在线工具而已。但打开它的编辑器后,你会发现模板库中有中国元素。尝试了其中一个猴年模板,会发现可以支持中文编辑。
严格意义上,Canva 算不上一个合格的信息图表制作工具,但是,用它来做其他设计十分方便。它的模板分类细分到让人发指,几乎覆盖了所有常用场景:国外主流社交媒体头图,博客配图,Facebook 广告,电脑桌面,杂志,电子书……
Link: https://www.canva.com
创客贴
这是个中国版的 Canva,看界面你就会知道。在模板分类中,你会惊喜地发现,它可以制作微博封面,公众号文章首图,底部二维码,淘宝主图,微信聊天背景,简历,小卡片等,当然,它也继承了 Canva 的缺点:图表也不能编辑。比如:柱形图想修改只能自己拉伸
Link: https://www.chuangkit.com
组件库
ECharts
ECharts,开源,来自百度商业前端数据可视化团队,基于 html5 Canvas,是一个纯 Javascript 图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。目前使用广泛。
Link: http://echarts.baidu.com
datasketch
这个网站有不少 3D 可视化的效果可以借鉴下。
Link: https://www.datasketch.es/
绘图引擎
D3.js
D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到 DOM,然后将数据驱动转换应用到 Document 中。你可以使用它用一个数组创建基本的 HTML 表格,或是利用它的流体过度和交互,用相似的数据创建惊人的 SVG 条形图。
Link: https://d3js.org
Three.js
three.js 是 JavaScript 编写的 WebGL 第三方库。提供了非常多的 3D 显示功能。
Link: https://threejs.org
vis.js
vis.js 是一个动态的,基于浏览器的可视化库。该库被设计为易于使用,能处理大量的动态数据。该库由以下几部分组成:一是数据集和数据视图,基于灵活的键/值数据集,可以添加,更新和删除项目,订阅数据集变化;二是时间轴,用于显示不同类型的时间轴数据,在时间轴上项目可以交互移动,缩放和操纵;三是图形,使用节点和边显示一个交互式图形或网络。
我们用这个库给 Boss 开发了用于企业组织架构管理的工具,效果挺不错。该工具的自定义功能也比较强。
不过好像这个后续没有维护了。
Link: http://visjs.org
ZRender
zrender(Zlevel Render) 是一个轻量级的 Canvas 类库,MVC 封装,数据驱动,提供类 Dom 事件模型,让 canvas 绘图大不同。
特点:简单、数据驱动、完整的事件封装、高效的分层刷新、丰富的图形选项、强大的动画支持、易于扩展。
Link: http://ecomfe.github.io/zrender
可视化搭建页面
来画
最近特别火的一个可视化搭建平台,公司规模比较大,核心在于他们有非常丰富的模板(该公司有一大批设计师)和动效支持。平台产出的主要是视频,目前他们也在结合 AI 做一些内容,很有意思。
Link: https://www.laihua.com/
MAKA
一款零代码在线 H5 设计工具,思路就是模板+可视化搭建。
Link: http://maka.im
词云
Tagul
作为一款一分钟就能生成文字云的神器,它不仅可以上传中文字体,还能识别各种图片,比如人物轮廓。
该工具还支持动画和交互,很适合作为产品功能中的一部分。
这个工具很牛逼,我们需要琢磨学习下,感觉可以大量应用到我们的项目中去(比如板块热点,不同的行情显示不同的形状,鼠标移动上去可以查看某个板块具体的信息)。
Link: https://tagul.com
Amaztype(已停服)
这是一款神奇的图书搜索引擎。它根据从亚马逊上采集的数据,将图书的搜索结果根据关键字的字母形状进行排列。这个站现已停服,但在 google 中可以搜到很多案例,大家可以选择自己想要的下载使用。
(TODO)地理可视化
图标设计
Human Pictogram2
你能在这找到各种体位的火柴人图标!而且大部分都是系列化,列出这款图标的原因是它的确很强大,但是它虽然画面十足,却十分没节操!
Link: http://pictogram2.com/?lang=en
Visualising Data
此网站细分了多个类别,有数据处理,制图,编程,地理数据展示,配色等,每个类别下都有数十种工具。
Link: http://www.visualisingdata.com
Data Visualization
资源和前者互补,部分有重复
Link: https://datavisualization.ch
数据源
199IT 大数据工具导航
这也是一个资源网,收集的是各种各样的数据源。在这里你能找到国内国外,各个行业的大数据入口。
Link: http://hao.199it.com
新媒体排行榜
这里能看到几乎所有公众号的公开数据,进入其中一个的主页,还能看到更多详细的内容
Link: http://www.newrank.cn/public/info/list.html?period=day&type=data
其它
Office
与你朝夕相处的 Office,其实隐藏了超多黑科技:只要你更新到 Office 2016,你就会发现 Excel 中多了一个炸裂的地球,叫 Power Map。这是一个微软官方推出的地理数据可视化插件,只要你输入城市名字和相应的数据,就能一键在 Excel 中展示出来!
Office 的应用程序
在 office2013 以上版本,菜单项中点击插入,找到应用商店,你会深深感受到 office 的黑科技是多么的强大!