数据可视化

数据可视化原理介绍、技术体系、使用场景、常用工具&图表库

数据可视化

• 科学可视化
  • 天然具有几何结构（磁感线、流体分布）
  • 对数据和模型进行解释、操作和处理，旨在寻找其中的模式、特点、关系以及异常情况
• 信息可视化
  • 关注抽象、高维数据
  • 在二维空间内以直观的方式传达大量的抽象信息
• 可视分析学
  • 以可视交互为基础的分析推理科学
  • 以可视交互界面为通道，将人感知和认知能力以可视的方式融入数据处理过程，形成人脑智能和机器智能优势互补和相互提升，建立螺旋式信息交流与知识提炼途径，完成有效的分析推理和决策
• 至理名言
  • “面向公众用户，传播与发布复杂信息的最有效途径就是数据可视化”
• 为什么需要数据可视化？
  • 快
  • 有效
  • 美
  • 持久
    • 精心设计的可视化可作为某种内存，补充人脑有效的记忆内存，有助于将认知行为从感知系统剥离，提高信息认知的效率
• 如何实现
  • 数据加工过滤—>视觉可表达的形式（Visual Form）—>用户可见视图（View）
• 图表分类
  • 简单图表
  • 普通的分析性图表
  • 用于出版的分析性图表
  • 故事型图表
  • 创意型图表
• 参考资料&在线工具
  • 《数据可视化入门教程》
  • 《数据可视化之》美
  • 《The Grammar of Graphics》
  • 亿图产品中心
  • https://mapshaper.org/查看较大geojson，简化GeoJSON
  • http://geojson.io/ 查看，绘制，修改GeoJSON
  • turfjs 地理数据计算、处理、统计、分析
  • AntV
  • 有哪些值得推荐的数据可视化工具？
  • 蚂蚁金服体验科技专栏
• 应用
  • 统计数据可视化
    • HighCharts
    • Echarts
    • Chart.js
    • G2
      • 数据驱动的高交互可视化图形语法
    • F2
      • 适用于对性能、体积、扩展性要求严苛场景下使用的移动端图表库
    • D3
  • 关系数据可视化
    • 主要表现节点和边的关系，如：流程图、网络图、UML图、力导图等
    • mxGraph
    • JointJS
    • GoJS
    • G6
      • 专注解决流程与关系分析的图表库
  • 地理空间数据可视化
    • Leaflet
    • Turf
    • Polymaps
    • deck.gl
  • 时间序列数据可视化
  • 文本数据可视化
• 基于Web的数据可视化
  • SVG(Scalable Vector Graphics) -可缩放矢量图形
    • 是基于可扩展标记语言（标准通用标记语言的子集）的用于描述二维矢量图形的一种图形格式
  • Canvas 2D
    • 通过 JavaScript 来绘制 2D 图形，通过逐像素来进行渲染
  • Canvas 3D WebGL
    • WebGL 程序由用 JavaScript 编写的控制代码和用 OpenGL 着色语言（GLSL）编写的着色器代码构成，这种语言类似于 C 或 C++，可在 GPU 上执行
• 绘制步骤
  • 1. 拿到数据，分析数据类型
  • 2. 将数据绘制成一个图形
  • 3. 将数据字段映射成图形的属性
  • 4. 对图形进行调整