这是我参与「第四届青训营 」笔记创作活动的第5天，今天的内容是数据可视化的基本概念，需要遵循的原则以及初步使用前端所需要的可视化工具的介绍。

一. 数据可视化笔记目录

1. 数据可视化的基本概念和所需遵循的基本原则

2. 前端可视化工具介绍

二. 数据可视化笔记详细内容

1. 数据可视化的基本概念和所需遵循的基本原则

   • 数据可视化的定义: 数据可视化既是将数据转化成可见的图表，地图等更加具体形象的东西。这样可以让读者在较短的时间内获取到更多的信息。
   • 我们为什么要数据可视化: 随着互联网的发展，我们每天都需要接受大量的信息，如果直接观察这些信息，相信不少人都会头脑发热，而采用数据可视化就可以将将错综复杂、看起来没法解释和关联的数据，建立起联系和关联，发现规律和特征，获得更有商业价值的洞见和价值。
   • 基本原则：
     1. 准确的展示数据。
     2. 节省笔墨，不去展示多余的数据，节省空间。
     3. 去除无价值数据。
     4. 在尽可能短的时间内展示更多的数据。
   • 格式塔理论：这个理论介绍了人类发现图形元素之间相关性进行了全面的总结，被广泛运用在视觉设计当中，主要有以下几种原则。
     1. 就近原则：人们将距离较近的元素归为一组元素。
     2. 相似原则：形状，大小，颜色等外观因素相似时，人们容易将他们归为一类。
     3. 连续性原则：人们在观察事物时会很自然的沿着物体的边界，将一些不连续的物体看成连续的整体。
     4. 闭合原则：人们容易将一些呈现出闭合倾向的元素，忽略其不闭合的特征。
     5. 共势原则：一个对象中的大部分都朝向一个方向移动，那么这些朝同一方向移动的物体就会被认成一个整体。
     6. 对称性原则：对称的元素被看为同一组。
     7. 图形与背景关系原则：大脑认为构图中最大的元素时背景，而图形时较小的元素。

2. 前端可视化工具介绍

   • D3：是最好的js可视化框架之一

     g.selectAll("path") .data(angle(data)) //使用角度 
     .enter() .append("path") .attr("d",arc).attr("fill",function(data,i){ return color[i] //使用颜色 })
     

总结

通过今天的学习，了解到了前端可视化的原则以及一些好用的可视化工具，感觉自己需要学习的东西更多了。