Graphin是一款圖表分析軟件,軟件的功能注重在分析領域,可以幫助用戶對圖表中的數據進行分析,了解每個數據背后代表的意義,知道每個數據的含義,方便用戶進行后續的操作,軟件支持布局切換,根據需求的不同,得到的分析結果也不同,滿足不同場景的布局需求。
軟件介紹
Graphin取名意為Graph Insight(圖的分析洞察),是一個基于G6封裝的React組件庫,專注在關系可視分析領域,簡單高效,開箱即用。
軟件特色
數據驅動
充分利用 React 框架特性,支持數據到視圖的映射與變化
自動布局
內置豐富的布局,支持布局切換,滿足不同場景下的布局需求
分析探索
沉淀分析方法,內置分析組件,專注關系可視分析領域
布局方式
通用布局
Graphin和G6的同學也在布局算法層投入大量的精力,針對圖分析場景做了大量的優化工作,Graphin中包含諸如力導布局、圓形布局、同心圓布局、網格布局、徑向布局、有向分層等布局算法。使開發者不再需要額外調整便能獲得一個不錯的布局效果,從而增強圖的可讀性。
大圖布局
在某些特定分析場景下,需要在畫布上繪制的點/邊數量較多。而像力導布局每次迭代的所消耗的計算資源也會增大進而阻塞JS線程使圖的繪制幀率很低,導致頁面卡頓, 即大圖布局問題。Graphin采用Web Worker與補間動畫結合的技術,把計算量較大力導的迭代過程遷移到Web worker中進行, 使在點邊數量較多的場景下也能保證頁面的順滑。下圖呈現的是400個節點,800條邊的場景下圖的繪制情況。當然大圖布局的優化策略也可以寫一篇文章了,這里不再深入,先留個坑位。
子圖布局
如果圖中節點有明顯的分類,或者用戶需要針對圖中特定節點進行下一步分析,可以采用子圖布局的方式對該部分節點進行重新布局,選擇合適的布局算法進一步增強圖的可讀性。下圖中你可以看到存在兩個子圖分別采用了Circle布局和Radial布局來呈現,布局結果清晰明了,圖的可讀性非常強。
更新日志
在初始化流程,新增initState,能夠讓數據有一個初始化的狀態
JSON shema的描述注冊節點,新增update 方法
為了提高fit view的效率 取邊上4個點去進行第一次的fit view
標簽: 圖表分析
-
7 簡單搜索天氣組件
裝機必備軟件
網友評論