使用AnyChart JS圖表庫可視化Reddit數據案例探究

AnyChart是基於JavaScript (HTML5) 的圖表控件。使用AnyChart控件,可創建跨瀏覽器和跨平臺的交互式圖表和儀表。AnyChart 圖表目前已被很多知名大公司所使用,可用於儀表盤、報表、數據分析、統計學、金融等領域。

AnyChar HTML5圖表高度可定製且高度兼容。擁有純JavaScript API,AnyChart圖表內置客戶端數據實時更新,多層次向下鑽區和具體參數更新。強大的主題引擎使你通過一系列圖表進行獨特的演示體驗,而PDF和圖像輸出能產出圖書質量打印文檔。

下載AnyChart最新版【慧都網】
使用AnyChart JS圖表庫可視化Reddit數據案例探究

憑藉一流的解決方案引領數據可視化市場,我們總是很高興看到不僅公司,而且來自世界各地的個人如何在他們的項目中使用它們來生成交互式圖表。這是我們最近了解的一個有趣的新示例。來自敘利亞的Mais Hatem,目前是貝魯特美國大學(黎巴嫩)的一名本科生,創建了“ Cloud a Subreddit ”,這是一個網絡項目,可藉助AnyChart JS庫在任何給定Reddit的subreddit中生成漂亮的交互式詞雲圖表。

我們對Mais進行了一次簡短的採訪,在採訪中她向我們詳細介紹了她使用AnyChart的工作和經驗,一探究竟。

AnyChart:嗨,邁斯!讓我們向您介紹我們的社區。你能自己談談嗎?

邁斯·哈特姆(Mais Hatem):嗨,我是邁斯,是計算機科學專業的大四學生。我來自敘利亞的一個小鎮,目前居住在黎巴嫩。在業餘時間,我喜歡嘗試使用JavaScript和RESTful API。

A:數據可視化在您的生活中扮演什麼角色?我們已經在您的個人網站上展示了幾幅作品,您是在學習框架內創建圖形還是出於個人興趣?

MH:主要是業餘愛好。儘管我從未在任何課程中使用數據可視化,但我確實爲將單詞和數字轉換爲彩色圖表而在視覺上吸引人的行爲而感到非常興奮,這是您看到的所有這些項目的主要思想。

一般而言,有大量開放的API,其中大量信息以無聊的JSON或XML格式存儲。因此,我想如果可以在衛生或公共治理等領域中可視化更重要的數據,那將是很好的。當您有圖表來支持您時,與人們交談也絕對容易。

A:“ Cloud a Subreddit ”的想法是如何產生的?您爲什麼決定開發它?

MH:我當時正在嘗試挑戰#7days7網站,並且遇到一位開發人員,他將電影腳本分析成性別圖表。我花了很多時間閱讀他們的文檔並理解他們的代碼。而且由於我是Reddit的日常用戶,所以我認爲刮掉每個subreddit的前幾頁並在其中形成詞雲會很酷。

除了很有趣之外,詞雲還是一種非常快速的方法,可以使讀者清楚地瞭解文本的內容。在這種情況下,這樣的彩色氣泡可以提供當前對某個子reddit的訂戶和訪客最重要的內容的快照。

A:那麼,什麼是“ Cloud a Subreddit”,它正是您想要構建的東西嗎?

MH:對於用戶來說,就這麼簡單。您輸入一個subreddit的名稱(不帶“ / r /”或空格),然後按橙色按鈕,您便會看到:一瞬間在同一頁面上生成了一個漂亮的交互式詞雲,您可以一目瞭然地看到什麼單詞是該subreddit當前首頁帖子標題中使用最頻繁的單詞。

那正是我要提供的基本功能。

當然,總會有更多關鍵字要過濾。該項目是開源的,我記得在GitHub上將其標記爲一個問題,這導致該存儲庫從HacktoberFest參與者那裏獲得了有益的貢獻。這讓我感到非常高興,因爲這是我第一個與陌生人一起工作的資料庫。

A:確實看起來很酷!您是否考慮過在標籤雲工具中添加或更新某些內容?

MH:爲了將來的改進,可以從很多地方入手,包括前端佈局。但是,主要誘使採用NLP處理來自動標記單詞,而不是填充字典。另一個很酷的事情是,每個詞雲也要顯示給定子reddit的“一般情感”。

因此,可以做很多事情,而我想做的更多。基本上,我希望這個項目可以成爲我在文本挖掘方面的知識和技能的良好起點,並且我有足夠的時間進行所有事情。

A:請向我們詳細介紹技術方面。您如何使用Reddit數據?您的項目使用什麼技術堆棧?將AnyChart集成到其中很容易嗎?

MH:我可以將.json添加到任何Reddit鏈接這一事實使一切變得容易。爲了發出GET請求,我使用了JavaScript的Fetch API。然後,我將通過單詞過濾器過濾不重要的單詞(例如鏈接單詞以及定冠詞和不定冠詞)之後,填充了單詞出現的字典。然後是將字典傳遞給我的anychart對象的有趣部分,以使單詞變得模糊。我使用Bootstrap來保持響應速度。

實際上,將AnyChart集成到我的項目中確實是無縫的,因爲我只包括兩行CDN導入。

A:爲什麼您完全選擇AnyChart JS圖表庫?您最喜歡什麼?

MH:我研究了不同的庫和框架,但是AnyChart由於其出色的文檔資料而最容易啓動和熟悉。

A:當有人問您關於使用哪個JavaScript庫進行數據可視化的建議時,您如何概括地推薦AnyChart?

MH:易於個性化圖形和出色的文檔。

A:謝謝!

相關產品推薦:

AnyGantt——構建複雜且內容豐富的甘特圖的理想工具

AnyStock——基於XML/JSON的Flash金融圖表解決方案

AnyMap——可交互式地圖

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章