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

---

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

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

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

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

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

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

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

講故事

在第一次與《財(cái)富》 500強(qiáng)團(tuán)隊(duì)會(huì)面之后，大家就在在Qlik上了解到，如果不將故事作為兩個(gè)地點(diǎn)的核心，該項(xiàng)目就不會(huì)成功。

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

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

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

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

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

點(diǎn)擊獲取Qlik Sense

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

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

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

使其有趣

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

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

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

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

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

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

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

關(guān)于Qlik

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

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