F2,一個專注於移動,開箱即用的視覺化解決方案,完美支援 H5 環境同時相容多種環境(node, 小程式,weex)。完備的圖形語法理論,滿足你的各種視覺化需求。專業的移動設計指引為你帶來最佳的移動端圖表體驗。
特性
專注移動,體驗優雅
在“準確、有效、清晰、美”的視覺化原則的基礎之上,結合移動裝置特性(規格不一,計算能力不足和觸控介面)以及人們對移動裝置的使用習慣,我們從設計、效能以及多端異構三個角度出發,為使用者提供移動端圖表的最佳實踐。
- 輕量化呈現,自然反饋:在設計上我們以人為本,追求自然簡單易懂,有吸引力的表達效果,讓使用者在碎片化的時間裡更快更高效得獲取圖表資訊。同時在視覺化的操作我們追求內容和操作有機融合,符合人的自然行為反應,讓互動操作更自然。
- 輕巧流暢:效能我相信是移動端長期關注的問題,雖然移動裝置硬體以及計算能力一直在不斷提升,但是可以肯定地說,大多數使用者並沒有使用最新和最強大的移動裝置。因此,F2 一直致力於追求極致的效能,針對移動裝置做了大量的優化,在支援豐富(50+)圖表的基礎上同時保持程式碼量的小巧(不帶互動版本 Gzip 壓縮後 44k,帶所有互動版本 56k),同時提供模組化的設計以支援動態載入,提供更優的大小。
- 多端異構:在完美支援 H5 環境的同時,同時相容 Node.js,支付寶小程式、微信小程式、React Native 以及 Weex 端的渲染,一份程式碼,多裝置多環境渲染。
圖表豐富,元件完備
與傳統的圖表庫不同,拋棄了特圖特做的封裝思路,基於強大的圖形語法理論,以資料驅動,通過圖形語法的組合靈活構建各類圖表,目前可繪製 50+ 圖表型別(當然,還可以更多),覆蓋各類場景。在提供基礎的圖表視覺化能力外,我們還提供了豐富圖表功能元件,滿足各種功能需求。
擴充套件靈活,創意無限
我們在提供最佳實踐的同時,還為開發者提供了靈活的擴充套件機制,包括 Shape、動畫以及互動的自定義能力,當然還有圖表樣式的個性化定製,滿足各種個性化的圖表要求。
一直在路上
F2 3.2,因你而動
自 F2 3.1 啟航之後,我們從未停止前行,非常感謝朋友們對 F2 的支援信任!以下是最新版本 F2 3.2 所做出的努力,更詳細的內容可閱讀《F2 3.2,因你而動》釋出稿。
擁抱開源
自 F2 開源以來,收到了很多有價值的意見和反饋,同時開源社群也基於 F2 進行了各種封裝,非常感謝大家的支援信任,也歡迎更多的有志之士一起加入我們。
- ant-design-mobile-chart:基於 F2 封裝的 ant-mobile 圖表元件。
- BizCoblin:基於 F2,React 移動端視覺化圖表庫。
- VChart:VUX(Vue.js 移動端 UI 元件庫)基於 F2 封裝的圖表元件。
- weex-chart:Weex 上的圖表元件。
- eapp-dd-charts:釘釘 E 應用圖表。
虛席以待
例項賞析
F2 現已服務於阿里系各大 app:螞蟻財富、支付寶、淘票票(專業版)等,每日經受著千萬級 pv 的考驗。
感謝
感謝並期待與你一起同行。
最後
感興趣的小夥伴們歡迎通過以下途徑關注我們!聯絡我們!!加入我們!!!
- GitHub:github.com/antvis/f2
- 官網:antv.alipay.com/zh-cn/f2/3.…
- 郵件:antv@antfin.com