亂七八糟五花八門的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上查看源代碼，報告問題或做出貢獻。