一、什么是visx
visx 是用于 React 的富有表現力的底層可視化組件集合,結合了 d3 的強大功能來生成可視化,以及 React 更新 DOM 的諸多優勢。
在 Airbnb 內部,visx 的目標是統一整個公司的可視化堆棧,在此過程中,創建了 visx 項目,從而有效的將 D3 的強大功能與 React 結合在一起。
目前,visx在 Github 上通過 MIT 協議開源,有超過 17.5k 的 star、0.7k 的 fork、2.2k 的項目依賴量、代碼貢獻者 150+,妥妥的前端優質開源項目。
二、為什么使用 visx
本質上,Visx 是 Airbnb 開發的一系列基于 React 的數據可視化工具。 Visx 代表可視化組件而并非可視化庫,是基元或組件的集合,可以將它們混合在一起以根據項目的要求創建自定義可視化庫。
盡管 Visx 構建于流行的 D3 可視化庫之上,但它仍將 DOM 操作工作委托給 React 庫,而 D3 主要用于計算。 這樣做的好處是,它可以減少當兩個庫爭奪 DOM 控制權時可能出現的潛在錯誤。
Visx 適合任何 React 應用程序,無論架構如何。 同時,采用純 React,很容易學習。 此外,開