Loading
0

Qlik + FORTUNE 如何建立《财富》和全球500强微型网站?

今年,Qlik与FORTUNE合作,协助他们将《财富》 500强的历史展现的栩栩如生,从而继续《财富》作为数据新闻事业的成功之路。 为此,将最新的数据可视化技术纳入了传统的《财富》 500强和全球500强名单中。Qlik和《财富》杂志联合发布“《财富》 500强历史”数据分析网站

《财富》 500强公司在Qlik上积累了经验,可以指导读者阅读之前45年的数据。将展示历史上一些最重要的时刻以及它们是如何影响榜单的过程。

1990年,当世界以前所未有的速度变化,全球化如火如荼时,《财富》的标志性清单便跃入了全球500强名单,其中包括全球首家公司。从那时起,《财富》杂志不仅在美国最大的500家公司中展示了美国,而且在单独的列表中还展示了世界上最大的公司。

Qlik团队与选定的《财富》杂志数据记者和编辑团队一起,创建了第二个启用Qlik的网络应用程序,以指导读者了解自1990年推出以来的全球500强名单。

两组数据,一个应用

《财富》 500强项目包括两组数据。一组数据是美国版的清单,其拥有自1955年以来编制的65年的数据。另一组数据是从1990年开始,拥有的全球500强的30年数据。这时面对的挑战就是需要一种适用于Web应用程序和数据集的通用视觉语言,但又能够为每个列表开发独特的体验。

除了使用全屏导航之外,还使用了共享的颜色,版式和布局调色板来为两个站点创建通用的视觉叙述。

讲故事

在第一次与《财富》 500强团队会面之后,大家就在在Qlik上了解到,如果不将故事作为两个地点的核心,该项目就不会成功。

对于《财富》 500强公司,可以选择榜单本身的历史作为叙述的主要推动力,这有助于解释美国经济的过去65年。 其中还重点介绍了列表中一些最特别的时刻。例如,《财富》 500强公司中最重要的公司之一是在1995年,当时该列表从工业公司扩展到了“服务”公司。从那时起,沃尔玛等公司便一直位居榜首。

全球500强叙事具有明显的主要特征:中国,其令人难以置信的旅程是从1990年(排在榜首)到2020年中国在全球500强公司数量中排名第一。 它触及到它的每个部分。后来又增加了一些小故事线索,这些故事线索有助于丰富经验,并为过去25年中国经济经历的惊人增长提供了背景信息。

Qlik,React.js和其他解决方案

这些网站是使用fullpage.js构建的,可以根据正在构建的叙述和网站的副本来重新创建全屏导航。React.js是演示和创新团队使用的主要框架,用于更快地操作文档对象模型和更轻松地处理数据。

在创建网站的同时,团队从原始的FORTUNE列表中提取数据,并使用它创建了Qlik Sense应用程序,并将该应用程序用于早期原型制作和发现。这是理解数据并为每件作品提供正确的可视化效果的基础。设置好框架后,还需要从Qlik获取数据。为此,团队使用了Qlik的开源enigma.js创建会话对象,并使用picasso.js定义了可视化。

点击获取Qlik Sense

Qlik联想引擎的基本原理是,在任何给定时间使用任何参数集提供令人难以置信的速度和准确的数据集。

整个解决方案使用AWS Fargate和Cloudfront托管在云上。所以还需要一个无服务器但可扩展的解决方案,以最小的损失处理所有流量。

团队给出了预期并发性的一般概念,将其用作负载测试的基准。并使用脚本,并由多个用户模拟负载和可伸缩性测试的流量。在此,团队为登台站点指定了诸如URL,用户名和pass之类的参数,以及50个会话/标签的总数以及每次滚动的延迟。 然后,当运行脚本时,每个选项卡都在浏览幻灯片,并在引擎中进行选择。至此,已经能够测量AWS日志中的并发流量和引擎的内存消耗。根据结果,对基础架构进行了必要的调整,以实现最佳性能。

使其有趣

Qlik的目标之一是使这两个网站都令人难忘且易于浏览。为了实现该目标,可以大胆地考虑可视化:全屏图表;字体大胆; 图表有趣。

例如,全球500强网络应用程序中的中国动画散点图的崛起。使用Qlik Sense引擎及其数据可视化功能来重新创建(并向其致敬)典型的汉斯·罗斯林(Hans Rosling)的“改变世界的200年”图表。

还可以创建一个Qlik Sense超立方体,它具有国家/地区维度以及我们想要展示的三个度量:收入,利润和公司数量之和。然后,使用picasso.js通过简单定义设置并使用picasso.js q插件将数据从超立方体提供给picasso.js来创建可视化。

为了对其进行动画处理,使用循环进行选择并侦听布局更改,然后从以前的布局插值到新的布局,同时在每一步为picasso.js图表实例提供插值数据。

接受更大的挑战

好像制作一个高级Qlik应用程序mashup不足以构成挑战,之后团队又接受了FORTUNE团队开发一个更大的应用程序,即不生产一个而是两个Webapp。最重要的是,他们还接受了在数据中查找和创建引人入胜的故事并为这两个应用开发通用视觉语言的任务。

Qlik Sense处理数据管理和数据传输使团队仅关注于希望的网站外观以及如何在前端表示数据的想法。计算,聚合,过滤,业务逻辑和搜索都是由Qlik Sense即时完成的。然后,使用Qlik的几个开源库(例如enigma.js和picasso.js),将数据以有意义的图表形式呈现出来,这些图表具有多种形状和形式。

关于Qlik

Qlik的愿景是一个数据素养的世界,每个人都可以使用数据来改善决策并解决他们最具挑战性的问题。只有Qlik提供端到端的实时数据集成和分析解决方案,以帮助组织访问所有数据并将其转化为价值。Qlik帮助企业领导数据,以更深入地了解客户行为,重塑业务流程,发现新的收入流以及平衡风险和回报。

想要了解更多有关Qlik的资讯,欢迎咨询在线客服>>