Qlik + FORTUNE 如何建立《財富》和全球500強微型網(wǎng)站？

---

今年，Qlik與FORTUNE合作，協(xié)助他們將《財富》 500強的歷史展現(xiàn)的栩栩如生，從而繼續(xù)《財富》作為數(shù)據(jù)新聞事業(yè)的成功之路。 為此，將最新的數(shù)據(jù)可視化技術(shù)納入了傳統(tǒng)的《財富》 500強和全球500強名單中。Qlik和《財富》雜志聯(lián)合發(fā)布“《財富》 500強歷史”數(shù)據(jù)分析網(wǎng)站

《財富》 500強公司在Qlik上積累了經(jīng)驗，可以指導(dǎo)讀者閱讀之前45年的數(shù)據(jù)。將展示歷史上一些最重要的時刻以及它們是如何影響榜單的過程。

1990年，當(dāng)世界以前所未有的速度變化，全球化如火如荼時，《財富》的標志性清單便躍入了全球500強名單，其中包括全球首家公司。從那時起，《財富》雜志不僅在美國最大的500家公司中展示了美國，而且在單獨的列表中還展示了世界上最大的公司。

Qlik團隊與選定的《財富》雜志數(shù)據(jù)記者和編輯團隊一起，創(chuàng)建了第二個啟用Qlik的網(wǎng)絡(luò)應(yīng)用程序，以指導(dǎo)讀者了解自1990年推出以來的全球500強名單。

兩組數(shù)據(jù)，一個應(yīng)用

《財富》 500強項目包括兩組數(shù)據(jù)。一組數(shù)據(jù)是美國版的清單，其擁有自1955年以來編制的65年的數(shù)據(jù)。另一組數(shù)據(jù)是從1990年開始，擁有的全球500強的30年數(shù)據(jù)。這時面對的挑戰(zhàn)就是需要一種適用于Web應(yīng)用程序和數(shù)據(jù)集的通用視覺語言，但又能夠為每個列表開發(fā)獨特的體驗。

除了使用全屏導(dǎo)航之外，還使用了共享的顏色，版式和布局調(diào)色板來為兩個站點創(chuàng)建通用的視覺敘述。

講故事

在第一次與《財富》 500強團隊會面之后，大家就在在Qlik上了解到，如果不將故事作為兩個地點的核心，該項目就不會成功。

對于《財富》 500強公司，可以選擇榜單本身的歷史作為敘述的主要推動力，這有助于解釋美國經(jīng)濟的過去65年。 其中還重點介紹了列表中一些最特別的時刻。例如，《財富》 500強公司中最重要的公司之一是在1995年，當(dāng)時該列表從工業(yè)公司擴展到了“服務(wù)”公司。從那時起，沃爾瑪?shù)裙颈阋恢蔽痪影袷住?/span>

全球500強敘事具有明顯的主要特征：中國，其令人難以置信的旅程是從1990年（排在榜首）到2020年中國在全球500強公司數(shù)量中排名第一。 它觸及到它的每個部分。后來又增加了一些小故事線索，這些故事線索有助于豐富經(jīng)驗，并為過去25年中國經(jīng)濟經(jīng)歷的驚人增長提供了背景信息。

Qlik，React.js和其他解決方案

這些網(wǎng)站是使用fullpage.js構(gòu)建的，可以根據(jù)正在構(gòu)建的敘述和網(wǎng)站的副本來重新創(chuàng)建全屏導(dǎo)航。React.js是演示和創(chuàng)新團隊使用的主要框架，用于更快地操作文檔對象模型和更輕松地處理數(shù)據(jù)。

在創(chuàng)建網(wǎng)站的同時，團隊從原始的FORTUNE列表中提取數(shù)據(jù)，并使用它創(chuàng)建了Qlik Sense應(yīng)用程序，并將該應(yīng)用程序用于早期原型制作和發(fā)現(xiàn)。這是理解數(shù)據(jù)并為每件作品提供正確的可視化效果的基礎(chǔ)。設(shè)置好框架后，還需要從Qlik獲取數(shù)據(jù)。為此，團隊使用了Qlik的開源enigma.js創(chuàng)建會話對象，并使用picasso.js定義了可視化。

點擊獲取Qlik Sense

Qlik聯(lián)想引擎的基本原理是，在任何給定時間使用任何參數(shù)集提供令人難以置信的速度和準確的數(shù)據(jù)集。

整個解決方案使用AWS Fargate和Cloudfront托管在云上。所以還需要一個無服務(wù)器但可擴展的解決方案，以最小的損失處理所有流量。

團隊給出了預(yù)期并發(fā)性的一般概念，將其用作負載測試的基準。并使用腳本，并由多個用戶模擬負載和可伸縮性測試的流量。在此，團隊為登臺站點指定了諸如URL，用戶名和pass之類的參數(shù)，以及50個會話/標簽的總數(shù)以及每次滾動的延遲。 然后，當(dāng)運行腳本時，每個選項卡都在瀏覽幻燈片，并在引擎中進行選擇。至此，已經(jīng)能夠測量AWS日志中的并發(fā)流量和引擎的內(nèi)存消耗。根據(jù)結(jié)果，對基礎(chǔ)架構(gòu)進行了必要的調(diào)整，以實現(xiàn)最佳性能。

使其有趣

在Qlik的目標之一是使這兩個網(wǎng)站都令人難忘且易于瀏覽。為了實現(xiàn)該目標，可以大膽地考慮可視化：全屏圖表；字體大膽； 圖表有趣。

例如，全球500強網(wǎng)絡(luò)應(yīng)用程序中的中國動畫散點圖的崛起。使用Qlik Sense引擎及其數(shù)據(jù)可視化功能來重新創(chuàng)建（并向其致敬）典型的漢斯·羅斯林（Hans Rosling）的“改變世界的200年”圖表。

還可以創(chuàng)建一個Qlik Sense超立方體，它具有國家/地區(qū)維度以及我們想要展示的三個度量：收入，利潤和公司數(shù)量之和。然后，使用picasso.js通過簡單定義設(shè)置并使用picasso.js q插件將數(shù)據(jù)從超立方體提供給picasso.js來創(chuàng)建可視化。

為了對其進行動畫處理，使用循環(huán)進行選擇并偵聽布局更改，然后從以前的布局插值到新的布局，同時在每一步為picasso.js圖表實例提供插值數(shù)據(jù)。

接受更大的挑戰(zhàn)

好像制作一個高級Qlik應(yīng)用程序mashup不足以構(gòu)成挑戰(zhàn)，之后團隊又接受了FORTUNE團隊開發(fā)一個更大的應(yīng)用程序，即不生產(chǎn)一個而是兩個Webapp。最重要的是，他們還接受了在數(shù)據(jù)中查找和創(chuàng)建引人入勝的故事并為這兩個應(yīng)用開發(fā)通用視覺語言的任務(wù)。

讓Qlik Sense處理數(shù)據(jù)管理和數(shù)據(jù)傳輸使團隊僅關(guān)注于希望的網(wǎng)站外觀以及如何在前端表示數(shù)據(jù)的想法。計算，聚合，過濾，業(yè)務(wù)邏輯和搜索都是由Qlik Sense即時完成的。然后，使用Qlik的幾個開源庫（例如enigma.js和picasso.js），將數(shù)據(jù)以有意義的圖表形式呈現(xiàn)出來，這些圖表具有多種形狀和形式。

關(guān)于Qlik

Qlik的愿景是一個數(shù)據(jù)素養(yǎng)的世界，每個人都可以使用數(shù)據(jù)來改善決策并解決他們最具挑戰(zhàn)性的問題。只有Qlik提供端到端的實時數(shù)據(jù)集成和分析解決方案，以幫助組織訪問所有數(shù)據(jù)并將其轉(zhuǎn)化為價值。Qlik幫助企業(yè)領(lǐng)導(dǎo)數(shù)據(jù)，以更深入地了解客戶行為，重塑業(yè)務(wù)流程，發(fā)現(xiàn)新的收入流以及平衡風(fēng)險和回報。

想要了解更多有關(guān)Qlik的資訊，歡迎咨詢在線客服>>