可視化：我們想要看出一組數據的大小關系，單看數據顯然不夠直觀。那么我們可以將它轉換為一種簡單易懂的圖表的形式，就可以更加直觀的獲取數據所傳遞給我們的信息。這個過程就叫做數據可視化。
可視化常用2個前端庫echarts和D3.
echarts: 和 D3 js很相似，是封裝好的，配置好即可使用，方便，上手快，成本低，但是不夠靈活。只能修改配置項，不能自己添加和操作不存在的配置項。
d3：全稱Data-Driven Documents，其實就是一個數據驅動的文檔的js庫，簡而言之就是一個數據可視化的庫。
區別
echarts 底層是使用canvas繪制圖形，canvas不支持事件處理器，所以只能展示數據，而不能修改。
D3 底層是通過svg繪制圖形的，二者不同之處在於svg可以操作dom，支持事件處理器，可以調用相關方法直接操作，支持鏈式語法，和JQuery鏈式調用差不多。
小結：
- D3使用svg繪制圖形，echarts使用canvas繪制圖形
- D3兼容IE9及以上主流瀏覽器，echarts兼容IE6及以上主流瀏覽器
- D3使用靈活，學習成本大，echarts封裝好的，使用簡單，不夠靈活
D3與echart的適用場景
因為D3支持事件處理器可以操作dom，所以項目開發中有較多用戶交互的場景，可以使用D3
.如果沒有與用戶交互的場景，只需要將圖表展示給用戶看，而不需要更改，可以使用echarts。因為D3它展示的每一個數據都是一個標簽，所以當數據發生改變的時候圖表會重新渲染，會不停的操作dom，這對性能的消耗是非常大的。