数据可视化是个很火的领域，如果在Github上搜索chart会发现有10.8w个结果，足以看出数据可视化在技术方向有这举足轻重的地位，无数的开人员都在为数据可视化做着贡献，那何为数据可视化呢？

    数据可视化的意义

 

    数据可视化指的是数据用统计图表方式呈现。

 

    数据可视化有一个目的，那就是准确高效，精简全面的传递信息和知识。可视化是将不可见的数据现象转化为可见的图形符号；将错综复杂、无法解释和关联的数据，建立联系和关联，发现过滤和特征，从而获得商业价值的洞见。利用合适的图表可以将数据直截了当清晰直观的表现出来，实现数据的自我解释和表达的目的。

 

    高效成功的数据可视化用准确简单的方式传递最准确的信息，节约人们思考的时间，因为人类右脑记忆图像的速度比左脑记忆抽象的文字快100万倍，所以数据可视化对人们拿到数据做出决策起着至关重要的作用。

    数据可视化的场景和工具

 

    1）通用报表需求：开发过程中80%以上的需求都是通用报表需求，可以使用一般的图表库来满足日常的开发需求。行业内比较常用的图表库有如下几种：

 

    Highcharts：是一个用纯JavaScript编写的一个图表库，能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。

 

    Echarts：是一款基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

 

    G2：一套面向常规统计图表，以数据驱动的高交互可视化图形语法，具有高度的易用性和扩展性。无需关注图表各种繁琐的实现细节，一条语句即可使用Canvas或SVG构建出各种各样的可交互的统计图表

    2）移动端可视化：如果场景需要PC端和移动端都兼容那么使用G2然后适配移动端的屏幕即可，但是如果你在移动APP上使用H5或者小程序开发，就选择F2。

 

    F2：是一个专注于移动端，面向常规统计图表，开箱即用的可视化引擎，完美支持H5环境同时兼容多种环境（Node,小程序），完备的图形语法理论，满足各种可视化需求，专业的移动设计指引带来最佳的移动端图表体验。

 

    实际项目中使用的Echarts编写数据可视化组件的，因为Echarts免费、中文文档便于开发和阅读，还有就是图表丰富，适用我们的需求。Echarts示例不够？请自行前往MAKEAPIE获取更多示例。开发效果图如下：

 

    所以，2022年数据可视化相关的工具插件应该去了解学习，增加丰富自己的前端技能很有必要！