数据可视化基础|青训营

37 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第4天

  1. 了解数据可视化的概念和基本原则
  • 科学可视化

    • 科学实验数据的直观展示
  • 信息可视化

    • 对抽象数据的直观展示
  • 可视分析

    • 对分析结果的直观展现,及交互式反馈,是一个跨领域的方向
  • 可视化的意义:

    1. 记录信息
    2. 分析推理
    3. 正是假设
    4. 交流思想

image.png image.png

  1. 可视化设计原则和方法
  • 原则:能够正确地表达数据中的信息而不产生偏差与歧义
  • 常见的错误可视化 image.png
  • 可视化设计方法:
    • 最重要的是展现数据
    • 合理范围内,最大化数据墨水占比
      • 擦除飞数据墨水
      • 擦除冗余的数据墨水
    • 准确地展示数据
    • 节省笔墨
    • 节省空间
    • 消除不必要的“无价值”图形
    • 在最短时间内传达最多的信息
  1. 视觉感知 image.png
  • 什么是视觉感知
    • 感知 是指客观事物通过人的感觉器官在人脑中形成的直接反映
    • 感觉器官 眼、耳、鼻、神经末梢
    • 视觉感知 就是客观事物通过人的视觉在人脑中形成的直接反映 image.png
  • 人类视觉系统观察的是变化,而不是绝对值,并且容易被边界吸引。
  • 在可视化设计中,设计者需要充分考虑到人类感知系统的这些现象,以使得设计的可视化结果不会存在阻碍或误导用户的可视化元素。 image.png
  1. 视觉编码 视觉编码是一种将数据信息映射成可视化元素的技术。
    • 数据信息 —> 属性+值
    • 可视化元素 —> 可视化符号+视觉通道
  • 可视化符号 image.png

  • 视觉通道 image.png

  1. 基础统计图表
  • 柱状图 image.png
  • 饼图 image.png
  • 散点图 image.png
  • 折线图 image.png

6.面向前端的可视化工具介绍

  • D3 image.png
  • VEGA image.png
  • G2 image.png
  • EChart

image.png