html 数据可视化

骚！记忆力是个好东西，可是它不属于我掌控，呜！我还以为这篇文章早已发布出来了，想不到居然只记录在文档中！

前言废语：

1、html、css、JavaScript 构成一个完整的页面

2、jQuery 是一个 JavaScript 库；

3、jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题；

4、jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。

5、TypeScript 是 JavaScript 的一个超集

一、ECharts

是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表（提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。）主题

二、Highcharts

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

三、数据可视化：ECharts 和 Highcharts 的区别

1、学习容易程度：只要懂JS，那么相信你能很快上手。两者打分相同。但是百度出品的Echarts对于国内城市已经有了相应的配置，调用非常方便。因此在绘制地图方面，Echarts略胜一筹。

2、大数据表现力：有网友说，当数据量达到万条的级别时，Highcharts的多表联动、自动缩放具有更强的优势，而Echarts则会出现明显的卡顿，需要设置datazoom。因此Hightcharts完胜。

3、文档友好程度：Echarts是百度的，Highcharts是国外的。另外，Echarts的文档像是说明书，而Highcharts的文档像是博客。个人仍偏向于说明书一样的文档，容易定位，因此我为Echarts转身。

4、图表美观程度：看看两家的实例Echarts、Highcharts，Echarts完爆啊（上面的对比雷达图就是用Echarts做的）！而且Echarts基于Canvas，对于3D绘图有绝对优势，能画出极漂亮的图形。

5、图表配置的自由度：Highcharts基于SVG，方便定制，同类型的图表，Highcharts能玩出100种花样。极高的自由度非常适用于定制商业化的大屏。

6、图表的丰富程度：两方面，一是图表种类，二是3D表现力。Echarts丰富的图表种类，和惊艳的3D效果，吊打Highcharts。

四、echarts底层为canvas，highcharts底层为svg

canvas特点：

①依赖分辨率 ②不支持事件处理器 ③弱的文本渲染能力 ④能够以.jpg、.png格式保存结果图像 ⑤最适合图像密集型的游戏，其中的许多对象会被频繁重绘

svg特点：

①不依赖分辨率 ②支持事件处理器 ③最适合带有大型渲染区域的应用程序（如谷歌地图） ④复杂度高会减慢渲染速度（任何过度使用DOM的应用都不快） ⑤不适合游戏应用

最后，更为关键的是，Echarts是免费的，Highcharts用于商业用途时还需要授权，个人用时虽然免费，但会在图表上显示logo，有洁癖的话就只能绕道了。

所以，就决定是你了，Echarts！

五、数据可视化工具推荐

1、Datawrapper 是一个用于制作交互式图表的在线数据可视化工具

2、Tableau Public 可能是最流行的可视化工具，它支持各种图表，图形，地图和其他图形。（使用它的免费版本，因为它附带了一个很大的页脚。如果不是像我这样大的关闭，那么你一定要试试看）

3、Smartbi 作为成熟的大数据分析平台，具备可复用、 动静结合独特的展示效果，使得数据可视化灵活强大，动静皆宜，为广大用户提供了无限的应用能力和想象空间。

4、Chart.js 非常适合小型项目。尽管只有六种图表类型，开源图书馆Chart.js是用于爱好和小型项目的完美数据可视化工具

5、Raw将自己定义为“电子表格和矢量图形之间的缺失链接”。它建立在D3.js之上，设计得非常好。它有这样一个直观的界面，你会觉得你之前使用过它。它是开源的，不需要任何注册。

6、Infogram 使您可以在线创建图表和图表。（尝试将交互式图表嵌入到您的网页（免费版）时所获得的巨大徽标）

7、Timeline JS可以帮助您创建美丽的时间线而无需编写任何代码。它是一个免费的开源工具，被Time和Radiolab等一些最受欢迎的网站所使用。

8、Plotly是一个基于Web的数据分析和绘图工具。它支持具有内置社交分享功能的图表类型的良好集合。

9、Visualize Free是一个托管工具，允许您使用公开可用的数据集，或者上传您自己的数据集，并构建交互式可视化来演示数据。可视化远远超出简单的图表，而且服务是完全免费的，而开发工作需要Flash，输出可以通过HTML5完成。