乱七八糟五花八门的charts

早在 300 年前折线图、柱形图、饼图被发明，时至今日有了纷繁多样的数据可视化表现形态，而生产方式也从原始手绘到今天可以通过代码、工具自动生成，数据可视化领域跟过去相比已经有了翻天覆地的变化，特别是最近10年，随着 D3（D3: Data-Driven Documents IEEE InfoVis 2011）以及大量统计图表类库和工具出现，让数据可视化设计和生产门槛大幅降低。

上图中的四款产品都是非常代表性的产品。市场占有率非常高。

我们希望提供一个智能、自动化的可视化分析黑盒子，只需要提供数据本身和分析意图，合适的图表或可视表达就能够自动被推荐和生成出来了，所有中间的环节，AVA 都能帮大家处理掉。
要做到这个理想模式还需要大量的工作，而聚焦当下面对可视化研发阶段的痛点，我们有了一些阶段性成果可以跟大家做个分享，希望能听到大家的建议和意见。
我们在思考，今天的数据可视化设计、研发方式就足够的好了吗？这过程我们还会遇到什么麻烦？

昨天那些似曾相识的情景今后不再有了
万事俱备，就差我看完文档了
作为一个前端，最幸福的项目研发状态莫过于「人员齐备、接口到位、需求定好、设计定稿」，万事俱备我们撸起袖子就可以开干了。但别急，如果涉及到数据可视化，特别是很幸（bu）运（xing）的发现设计稿里的图表蕴含设计师不甘平庸的个性化定制，不好意思，你得看完并搞懂那数十个 API 以及数百个可以无穷组合的配置项，试出你想要的效果。

文章中遇到的问题，我也会遇到，也常常思考，我要定制一套自己的api，客户还得看懂我的api,我需要预测客户的数据形式，客户也不知道他到底想要什么样的效果。我们都在互相执行标准，又互相猜测。而api都是定制给数据的，人是可以不需要理解的，所以需要更加智能化的可视化。

echarts

https://www.echartsjs.com/zh/index.html
开源免费
在中国开发者中使用率很高。主要基于是canvas。

antv

https://antv.vision/zh
AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

d3.js

https://d3js.org/
免费开源
老牌的产品。入门门槛高，使用灵活。主要是基于svg。

highcharts

https://www.highcharts.com/
收费
国际知名度很高。

chartjs

https://www.chartjs.org/
开源免费。
适用于设计人员和开发人员的简单而灵活的JavaScript图表。
通过8种不同方式可视化您的数据；他们每个人都充满活力和可自定义。
在所有现代浏览器（IE11 +）上均具有出色的渲染性能。
在窗口调整大小时重新绘制图表，以实现完美的刻度粒度。

下面几个在搜索的时候经常看到，但是我没用过。

Google chart

https://developers.google.com/chart
免费
Google图表提供了一种理想的方式来可视化您网站上的数据。从简单的折线图到复杂的层次树图，图表库提供了大量现成的图表类型。

使用Google图表的最常见方法是使用嵌入到网页中的简单JavaScript。您加载一些Google图表库，列出要绘制图表的数据，选择用于自定义图表的选项，最后创建一个具有所选ID的图表对象。然后，在网页的后面，创建一个具有该ID的<div>以显示Google图表。

图表以JavaScript类公开，Google图表提供了许多图表类型供您使用。默认外观通常是您所需要的，并且您始终可以自定义图表以适合您网站的外观。图表具有高度的交互性，可以显示事件，使您可以将它们连接起来以创建复杂的仪表板或与网页集成的其他体验。图表使用HTML5 / SVG技术呈现，以提供跨浏览器的兼容性（包括旧IE版本的VML）以及跨平台可移植到iPhone，iPad和Android的功能。您的用户将永远不必麻烦插件或任何软件。如果他们使用网络浏览器，则可以查看您的图表。

使用DataTable类可为所有图表类型填充数据，从而可以在尝试查找理想外观时轻松地在图表类型之间进行切换。DataTable提供了用于排序，修改和过滤数据的方法，可以直接从您的网页，数据库或任何支持Chart Tools Datasource协议的数据提供者中填充。（该协议包括类似SQL的查询语言，并由Google Spreadsheets，Google Fusion Tables和第三方数据提供商（例如SalesForce）实现。您甚至可以在自己的网站上实现该协议，并成为其他服务的数据提供商。）

plotlyJs

https://plotly.com/javascript/
免费
Plotly.js 构建在d3.js和stack.gl之上，是一个高级的声明式图表库。plotly.js随附40多种图表类型，包括3D图表，统计图和SVG地图。plotly.js是免费的开放源代码，您可以在GitHub上查看源代码，报告问题或做出贡献。