这是我参与「第四届青训营 」笔记创作活动的的第14天
格式塔理论
"格式塔"在德语中意为"统一的整体"。第一个格式塔原理是由德国心理学家Max Wertheimer,Kurt Koffka和Wolfgang Kohler在1920年代设计的,他们旨在了解人类通常如何从周围的混乱刺激中获得有意义的感知。格式塔的原则有许多,今天主要学习了其中七种。
- 就近原则
- 相似原则
- 连续性原则
- 闭合原则
- 共势原则
- 对称性原则
- 图形与背景关系原则
视觉通道
视觉通道是一种控制标记外观的方法,独立于几何基元的维数。它的两种类型分别是
- 数量通道
- 标识通道
面向前端的可视化工具
D3
D3 支持将任意数据绑定到DOM,然后将数据驱动的转换应用于文档。例如,可以通过D3用数字数组生成HTML表。或者,使用相同的数据创建具有平滑过渡和交互的交互式SVG条形图。 D3不是一个试图提供所有可能的功能的单一框架。相反,D3解决了问题的症结:基于数据有效操作文档。这提高了灵活性,公开了HTML,SVG和CSS等Web标准的全部功能。D3消耗极小,速度极快,支持大型数据集以及交互和动画的动态行为。
Vega
Vega 为各种可视化设计提供了基本的构建块:数据加载和转换,比例,地图投影,轴,图例和图形标记,如矩形,线,绘图符号等。可以使用反应信号来指定交互技术,这些信号动态修改可视化以响应输入事件流。
G6
G6是一个简单、易用、完备的图可视化引擎,它在高定制能力的基础上,提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。
ECharts
ECharts是使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
本文内容来源于什么是格式塔原则? |交互设计基金会 (interaction-design.org)、D3.js - Data-Driven Documents (d3js.org)、A Visualization Grammar | Vega、G6 图可视化引擎 | AntV、特性 - Apache ECharts和今日课程《数据可视化基础》