用於React應用程式的資料視覺化元件

2022-09-21 07:27:08 字數 1263 閱讀 3120

用於react應用程式的資料視覺化元件

作者niilo keinänen

react

是2021

年網路上最流行的前端開發框架之一。它是乙個免費和開源的前端

js庫,用於為單頁應用程式(

spa)構建互動式使用者介面。

(它的受歡迎程度不斷上公升,因為

html

和j**ascript

有基本了解的使用者都可以使用

)但不僅如此,react的資料視覺化因其獨特的功能(如虛擬dom和jjsx)而變得高效。對大量的資料進行視覺化可能是一項繁瑣的任務!

除此之外,與資料集打交道也是很耗時和令人沮喪的。與所有流行的j**ascript前端框架(如react、angular和vue)相容的圖表解決

方案可以使工作變得更容易和更快。

出於這個原因,我們的lightningchart團隊維護lightningchart js react專案模板

已經有很長一段時間了。

在過去的幾年裡,我們一直在各種開發者論壇上留意,似乎很多人還沒有意識到react中高效能資料視覺化的現代可能性! 

因此,我們決定建立乙個小的示例庫,展示乙個簡單的使用者介面,裡面有乙個嵌入式的熱圖圖表。

有趣的是,你可以在這裡看到這個應用的運**況,就在這篇文章中嵌入了這個應用!

獲取react資料視覺化模板

預設情況下,這個熱力圖圖表有100萬個資料點--然而,正如你所看到的,載入是即時的。

此外,我們lightningchart最近主持了乙個不同熱圖圖表**商和開源工具的公開效能比較

。結果連我們自己都感到驚訝--我們的熱圖圖表

比一般的js圖表庫(是的,商業的和開源的)要高效1000倍以上。

另外,這個react應用程式的使用者介面允許你通過修改行和列的數量來探索不同的熱圖大小。所以,去看看你能做到什麼程度(然而,如果你超過5000萬個資料點左右,你的瀏覽器有可能會耗盡記憶體而崩潰,它也可能需要一段時間來生成隨機測試資料)。

你可以在我們的github資源庫

中找到這個應用程式的源**,這可以成為在react應用程式中嵌入圖表的乙個很好的開端

為什麼要將lightningchart嵌入到你的應用程式中?

以下是一些你可能想嘗試將lightningcharts嵌入到你的應用程式中的原因:

lightningcharts

js 

構建用於C 應用程式的應用商店(一)

我在就職的公司開發工具型軟體,桌面版的,我們公司有各種工具軟體的需求。現在我已經記不清我生產了多少了。我相信再過一段時間,也許幾個月,也許一年後,我也會記不住之前開發過什麼,或許有一定的類別的印象,但是具體是什麼,執行的樣子就會像現在記不起以前開發的軟體一樣,都記不清了。這些工具沒有完整的統計功能,...

構建可移植 BREW 應用程式的方法

構建可移植 brew 應用程式的方法 遵循以下原則,可使 brew 應用程式具有可移植性 使用資源檔案 對每個目標裝置使用不同的 mif 檔案 參照螢幕座標定位控制項 使用適當顏色深度的影象 伸展影象 動態查詢特定影象或聲音型別的 處理程式 自定義選單樣式 1.使用資源檔案 將資源與 分離 brew...

構建可移植 BREW 應用程式的方法

1.使用資源檔案 將資源與 分離 brew 應用程式可設計為在多種不同裝置上並以多種不同語言執行。您無需為每台裝置和每種語言單獨建立應用程式,而只需使用資源編輯器建立多個資源檔案 bar 檔案 每種裝置語言組合乙個。以這種方式將資源與 分離將使您的 brew 應用程式可以跨裝置和語言進行移植。您應該...