数据可视化基础|青训营笔记

zyq努力每一天
34 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第十五天

课堂重点知识

  1. 数据可视化的基本概念
  2. 可视化设计的基本原则
  3. 面向前端的可视化工具

知识总结及实例

数据可视化的基本概念

  • 生活中的可视化

image.png

  • 什么是数据可视化

image.png

  • 数据可视化分类

image.png

  • why
  1. 记录信息
  2. 分析推理
  3. 证实假设
  4. 交流思想

可视化设计的基本原则

  • 可视化设计的原则

能够正确地表达数据中的信息而不产生偏差和歧义

image.png

  • 常见的错误可视化

image.png

  • 透视失真

image.png

  • 图形设计与数据尺度

image.png

  • 谎言因子

image.png

  • 最大化数据墨水占比

image.png

image.png

  • 可视化设计的方法

image.png

  • 视觉感知

客观事物通过人的视觉在人脑中形成的直接反映

  • 格式塔理论

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

  • 视觉编码

image.png

  • 可视化符号

image.png

  • 视觉通道

image.png

  • 视觉编码的优先级

image.png

  • 基础图表
  1. 柱状图 image.png
  2. 饼图

image.png

  1. 散点图

image.png

  1. 折线图

image.png

前端的可视化工具

  • D3

image.png

  • Vega

image.png

  • G2

image.png

  • ECharts

image.png

个人总结

通过本堂课的学习，掌握了可视化开发的方法，以及常见的可视化工具。

avatar
文章
阅读
粉丝