(TODO)数据可视化工具

内容基于这个文章:https://www.zybuluo.com/Wond-Z/note/583831

我在此基础上进行了一些补充。

企业中工作,都是属于应用型工种,掌握了优秀的工具,就能具有优秀的生产力和创新力。
这些工具也可以成为我们的可视化需求&产品方向。

3D 设计软件

Spline

https://spline.design/

简单、轻量、易出效果。专注几何卡通 3D 设计,很适合用于运营类的场景。

  • 可以导出后结合原生 JS、React、Three.js 进行开发

  • 可以制作特效,比如 Bloom

  • 可以绑定事件交互

  • 支持物理效果

官方有很多教程:

Spline - YouTube

一个感触:

1、现在的工具软件,都在往 Web 化走

2、工具都倾向于往平台化走,模糊边界,集成创作者所需的各种功能,提供一站式全方位服务;比如这个设计软件,已经不局限于纯设计了,而是把平时开发人员的大部分工作内容也涵盖进来了。

3、好的软件,官方一定都有完善的教授视频,比如 UE、比如这个 Spline;门槛降得足够低,才能大面积推广出去。

知乎有个介绍帖子

Vactary

https://www.vectary.com/

图表配置平台

百度 · 图说

百度图说是基于百度自家开源图表库 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 的黑科技是多么的强大!